/*
 Kleurcodes:
 Leen Bakker Rood: #DC2042
 */

* 
{
    padding:                0px;   
    font-family:            Arial,'Trebuchet MS';  
    font-size:              8pt;
    color:                  Black;
    margin:                 0px;
}

* LI
{
	list-style: bullet;
}

.fancyli
{
    list-style-position: outside;
    list-style-image: none;
    list-style-type: none;
    
}

.testdata
{
    position:               absolute;
    display:                block;
    width:                  200px;
    height:                 auto;
    right:                  10px;
    top:                    10px;
    text-align:             left;
    background-color:       #dc2042;
    opacity:                .7;
    filter:                 alpha(opacity=70);
    z-index:                50;
}

.loginstatus
{
    position:               absolute;
    display:                block;
    width:                  200px;
    height:                 auto;
    left:                   -220px;
    top:                    10px;
    text-align:             left;
    background-color:       #dc2042;
    opacity:                .7;
    filter:                 alpha(opacity=70);
    z-index:                50;
}
 
p
{
    position:               relative;
    clear:                  both;
    margin-bottom:          8px;  
}    

h1
{
    color:                  #DC2042;    
    font-size:              12pt;
    font-weight:            bold;                         
    position:               relative;
    display:                block;
    width:                  auto;
    min-width:              50px;
    height:                 auto;
    float:                  left;
    clear:                  both;
    margin-bottom:          8px;  

}

h2
{
    float:                  left;   
    font-size:              13pt;
    color:                  #DC2042; 
    font-weight:            bold;                   
	margin-bottom:			10px;
}


h3
{
    position:               relative;
    /*display:                block;*/
    float:                  left;
    color:                  #dc2042;    
    font-size:              14px;
    font-weight:            bold;
    margin:					20px 0 10px 0;
	padding:				0;                                          
	width:100%;	
}

.fancyli h3
{
    position:              relative;
    /*display:             block;*/
    float:                 left;
    color:                 #dc2042;    
    font-size:             14px;
    font-weight:           bold;
    margin:			         0 0 10px 0;
	 padding:				   0;                                          
	 width:                 100%;	
}

.h3_noblock
{
    position:               relative;
    float:                  left;
    color:                  #dc2042;    
    font-size:              9pt;
    font-weight:            bold;            
    
}


ul, ol
{
    margin:                 10px 0px 10px 20px;
}

a {
    color:                  #DC2042;
}

a:hover
{
    color:                  #dc2042;
}

body 
{
    overflow:               -moz-scrollbars-vertical;                                               /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
    text-align:             center;
    background-color:       #99CDFF;                                                                /* LICHT BLAUW */
    background-image:       url(../Images/Layout/BG_Body.jpg);
/*  Rode achtergrond 20-12-2009 t/m 23-1-2009 */
    /*background-color:       #DC2042;
    background-image:       url(../Images/Layout/BG_Body_rood.jpg);*/
    background-position:    top center;
    background-repeat:      repeat-y;
}

a.contentlinkstreep, a.contentlinkstreep:hover
{
    color:              #1954a4;
    text-decoration:    underline;
}

a.contentlinkpijl
{
    color:              #000000;
    text-decoration:    none;
    background-image:   url(../Images/Layout/List_Arrow_Blue.jpg);
    background-repeat:  no-repeat;
    background-position: left center;
    height:             10px;
    padding-left:       14px;
}

a.contentlinkpijl:hover
{
    color:              #DC2042;
    text-decoration:    none;
    background-image:   url(../Images/Layout/List_Arrow_Blue.jpg);
    background-repeat:  no-repeat;
    background-position: left center;
    height:             10px;
    padding-left:       14px;
}

#thickboxcontainer h2
{
    clear:both;
    width:385px;
}

#thickboxcontainer
{
    margin:2px;
    width:385px;
}

body.thickboxbody
{
    overflow:               -moz-scrollbars-vertical;                                               /* TOON ALTIJD EEN SCROLLBAR IN FIREFOX */
    background-image:       none;
    text-align:             left;
    width:385px;
}

    #websitecontainer
    {
        position:           relative;
        display:            block;
        width:              982px;
        height:             auto;
        margin:             0 auto;
        text-align:         left;
        background-color:   White;
    }
    
        #headercontainer
        {
            position:           relative;
            display:            block;
            width:              952px;
            min-height:         34px;
            height:             auto;
            /*overflow:           hidden;*/
            margin:             18px 0px 0px 15px;
            clear:              left;
            
        }
        
            #logocontainer
            {
                position:           relative;
                float: left;
                display:            block;
                
            }
            
            #headernavigationcontainer
            {
                position:           absolute;
                display:            block;
                width:              auto;
                min-width:          500px;
                height:             auto;
                overflow:           hidden;
                right:              0px;
                top:                12px;
                text-align:         right;
            }
            
                .headernavigationlist
                {
                    position:           relative;
                    display:            block;
                    margin:             0px;
                }
                
                    .headernavigationlist li
                    {
                        position:           relative;
                        display:            inline;
                        list-style-image:   none;
                        color:              #333;
                        font-size:          11px;
                    }
                    
                        .headernavigationseperator
                        {
                            position:           relative;
                            display:            inline-block;
                            width:              8px;
                            color:              #333;
                            font-size:          11px;
                            text-align:         center;
                        }
                    
                        a.headernavigationlink,
                        a.headernavigationlink_active
                        {
                            position:           relative;
                            display:            inline-block;
                            color:              #333;
                            text-decoration:    none;
                            font-size:          11px;
                        }
                        
                        a.headernavigationlink:hover,
                        a.headernavigationlink_active
                        {
                            color:              #DC2042; 
                        }
                        
                        .headernavigationcartvalue
                        {
                            position:           absolute;
                            display:            block;
                            width:              auto;
                            min-width:          120px;
                            left:               -12px;
                            top:                16px;
                            color:              #333;
                            font-size:          11px;
                            background-color:   #EAEAEA;
                            border:             solid 1px #CCC;
                            padding:            3px;
                            font-weight:        normal;
                            z-index:            25;
                            text-align:         center;
                            white-space:        nowrap;
                        }
                        
                        .cartamount
                        {
                            color:              #DC2042;
                            font-size:          11px;
                            font-weight:        bold;
                            margin-left:        5px;
                        }
                        
                        #headercontainer
                        {
                            overflow:           visible;
                        }

                        #headernavigationcontainer
                        {
                            overflow:           visible;
                        }
                        
        #mainnavigationcontainer
        {
            position:           relative;
            display:            block;
            width:              952px;
            margin:             18px 0px 0px 15px;
            height:             45px;
            background-color:   White;
            clear:              left;
            background:         url(../Images/Layout/hn_bg_hover.png) 0 1px repeat-x;
            
        }
        
            .mainnavigationlist
            {
                position:           relative;
                display:            inline-block;
                margin:             0px;
	            color:              #fff;
	            float:              left;
            }
                
                    .mainnavigationlist li
                    {
	                    position:           relative;
                        display:            inline;
	                    padding:            0px;
	                    margin:             0px;
                    }
                    
                        .mainnavigationseperator
                        {
                            position:           relative;
                            display:            inline;
                            float:              left;
                            width:              1px;
                            height:             45px;
                            background-image:   url(../Images/Layout/SEP_MainNavigation.gif);
                            background-position:top;
                            background-repeat:  no-repeat;
                        }
                    
                        a.mainnavigationlink,
                        a.mainnavigationlink_active
                        {
	                        position:           relative;
                            display:            inline;
                            float:              left;
	                        font-size:          11pt;
	                        text-decoration:    none;
	                        color:              #fff;
                            padding:            14px 15px;
                            background-color:   Transparent;
                        }
                        
                        a.mainnavigationlink:hover
                        {
                            background:         url(../Images/Layout/hn_bg_active.png) 0 1px repeat-x;
                            color:                  #fff;
                        }
                        
                        a.mainnavigationlink_active
                        {
                            background:         url(../Images/Layout/hn_bg_active.png) 0 1px repeat-x;
                            color:                  #fff;
                        }
                        
                         /* dropdownmenu */
                         .dropdownmenu_show
                         {
                             position:          absolute;
                             display:           inline-block;
                             width:             auto;
                             height:            auto;
                             clear:             both;
                             z-index:           10;
                             background-color:  #CCDEEC;
                             margin-top:        -3px;
                             margin-left:       15px;
                             border-width:      0px 1px 1px 1px;
                             border-style:      solid;
                             border-color:      #92B5BB;
                             overflow:          visible ; 
                             padding:           0px 30px 30px 30px;
                             
                         }
                         
                         
                         .dropdownmenu_left
                         {
                             position:          relative;
                             display:           block;
                             float:             left;
                             margin-right:      30px;
                         }
                         
                         .dropdownmenu_left_column
                         {
                             position:          relative;
                             display:           block;
                             float:             left;
                             margin-right:      30px;
                         }
                         
                         .dropdownmenu_right
                         {
                             position:          relative;
                             display:           block;
                             float:             left;
                             margin-left:       30px;
                         }
                         
                         .dropdownmenu_titel
                         {
                             position:          inherit;
                             display:           block;
                             float:             left;
                             font-weight:       bold;
                             color:             #DC2042;
                             font-size:         13px;
                             clear:             left;
                             margin-top:        25px;
                             margin-bottom:     7px;
                         }
                         
                         .dropdownmenu_cluster
                         {
                            position:           inherit;   
                            display:            block;
                            float:              left;
                            font-size:          13px;
                            margin-bottom:      4px;
                            clear:              left;                            
                            font-weight:		bold;
                         }
                         
                         .dropdownmenu_item
                         {
                            position:           inherit;   
                            display:            block;
                            float:              left;
                            font-size:          13px;
                            margin-bottom:      4px;
                            clear:              left;                            
                            /*padding-left: 10px;*/
                         }
                         
                        .dropdownmenu_show a:link,
                        .dropdownmenu_show a:active,
                        .dropdownmenu_show a:visited,
                        .dropdownmenu_show a:hover
                         {
                            font-size:          13px;
                            text-decoration:    none;
                            color:              #333;
                         }
                         

                        .dropdownmenu_show a:hover
                        {
                            color:             #DC2042;
                        }
                         
                         .dropdownmenu_hide
                         {
                             display:           none;
                         }
                        
        
        .searchcontainer
        {
            position:           relative;
            display:            block;
            width:              737px;
            height:             23px;
            overflow:           hidden;
            clear:              left;
            margin:             12px 0px 0px 15px;
        }
        
        .searchcontainer_fr
        {
            width:              750px;
        }
        
            .searchfield,
            .searchfieldwatermark
            {           
                font-size:          12px;
                position:           relative;
                display:            block;
                float:              left;
                height:             18px;
                width:              355px;
                margin-right:       10px;
                margin-left:        0px;
                padding-left:       12px;
                padding-top:        3px;
                border:             solid 1px #92B5BB;
                background-color:   White;
            }
            
            .searchfieldwatermark
            {
                color:              #666;
                background-color:   #f1f1f1;
            }
            
            .searchbutton
            {
                position:           relative;
                display:            block;
                float:              left;
                height:             23px;
                /*width:              75px;*/
                color:              White;
                text-align:         center;
            }
            
            .searchnavigationcontainer
            {
                position:           relative;
                display:            block;
                width:              275px;
                height:             auto;
                float:              right;
                margin-top:         3px;
                text-align:         right;
            }
            
                .searchnavigationcontainer a
                {
                    color:              #000;
                    text-decoration:    none;
                }
                           
                .searchnavigationcontainer a:hover
                {
                    color:          #dc2042;
                }
                           
                .bluearrowlistimage
                {
                    margin-left:            15px;
                }
                
                a.searchnavigationlink
                {
                    color:                  Black;
                    text-decoration:        none;
                    line-height: 22px;
                }
            
        
        #maincontainer
        {
            position:           relative;
            display:            block;
            width:              952px;
            height:             auto;
            min-height:         500px;
            clear:              left;
            margin:             15px 0px 0px 15px;
        }
        
            #mainhomepagecontentcontainer
            {
                position:           relative;
                display:            block;
                float:              left;
                clear:              left;                
                width:              737px;
                height:             auto;
                min-height:         500px;
            }
            
            #mainleftnavigationcontainer
            {
                position:           relative;
                display:            block;
                float:              left;
                clear:              left;
                width:              173px; /*200px;*/
                height:             auto;
                min-height:         500px;
            }
        
            #maincontentcontainer
            {
                position:           relative;
                z-index:            1;
                display:            block;
                float:              left;
                width:              519px;
                margin-left:        15px;
                height:             auto;
                min-height:         500px;
            }
            
            #mainsidecontainer
            {
                position:           relative;
                display:            block;
                float:              left;
                margin-left:        15px;
                width:              200px;
                width:              180px !important;
                height:             auto;
                min-height:         500px;
            }

            #linkermenucontentcontainer
            {
                position:           relative;
                z-index:            1;
                display:            block;
                float:              left;
                width:              764px;
                margin-left:        15px;
                height:             auto;
                min-height:         500px;
            }
            
        .seotekstblokcontainer
        {
            position:           relative;
            display:            block;
            width:              522px;
            height:             auto;
            min-height:         30px;
            float:              left;
            margin-top:         15px;
            margin-bottom:      15px;
        }
        
        #footerreferentiescontainer
        {
            position:           relative;
            display:            block;
            width:              950px;
            height:             167px;
            overflow:           hidden;
            margin:             15px 0px 0px 15px;
            clear:              both;
            border:             solid 1px #92B4BD;
            background-image:   url(../Images/Layout/BG_FooterReferenceBottom.jpg);
            background-position:bottom;
            background-repeat:  repeat-x;
        }
        
            .footerreferentiescell,
            .footerreferentiescelllast
            {
                position:           relative;
                display:            block;
                float:              left;
                height:             167px;
                border-color:       #92B4BD;
                border-style:       solid;
                border-width:       0px 1px 0px 0px;
                vertical-align:     top;
            }
            
            .footerreferentiescell
            {
                width:              181px;
            }
                .footerreferentie,
                .footerreferentielast
                {
                    position:           relative;
                    display:            block;
                    width:              170px;
                    height:             auto;
                    margin-left:        10px;
                    margin-top:         10px;
                }
                
                .footerreferentie ul,
                .footerreferentielast ul
                {
                    /*margin: 10px 0 0 0;
                    padding: 0;*/
                    margin: 0 0 0 0; /* resetting margin */  
                    padding: 0 0 0 0px; /* using padding to position ul */
                }
                .footerreferentie ul li,
                .footerreferentielast ul li
                {
                    list-style:     none;                    
                }
                
                .footerreferentie ul li a,
                .footerreferentielast ul li a
                {
                    list-style:     none;                    
                    background:     url(../Images/Layout/List_Arrow_Blue.gif) 1px 2px no-repeat;
                    
                    margin:         0 0 0 0;
                    padding:        0 0 0 15px;
                }
                
            .footerreferentiescelllast
            {
                width:              207px;
                border-width:       0px;
            }   
            
            .footerreferentielast
            {
                 width:              200px;
            }
            
                .footerreferentie span,
                .footerreferentielast span
                {
                    position:           relative;
                    font-weight:        bold;
                    font-size:          9pt;
                    clear:              both;
                }
                                
                .footerreferentie li,
                .footerreferentielast li
                {
                    margin-top:             7px;
                }
                
                .footerreferentie a,
                .footerreferentielast a
                {
                    color:                  #333;
                    text-decoration:        none;
                }
        
        #footernavigatiecontainer
        {
            position:           relative;
            display:            block;
            width:              952px;
            height:             14px;
            overflow:           hidden;
            margin:             30px 0px 30px 15px;
            text-align:         center;
            clear:              both;
        }
        
            .footernavigationlist
            {
                    position:           relative;
                    display:            block;
                    margin:             0px;
                }
                
                    .footernavigationlist li
                    {
                        position:           relative;
                        display:            inline;
                        list-style-image:   none;
                        color:              #333;
                        font-size:          8pt;
                    }
                    
                        .footernavigationseperator
                        {
                            position:           relative;
                            display:            inline-block;
                            width:              20px;
                            color:              #333;
                            font-size:          8pt;
                            text-align:         center;
                        }
                    
                        a.footernavigationlink,
                        a.footernavigationlink_active
                        {
                            position:           relative;
                            display:            inline-block;
                            color:              #333;
                            text-decoration:    none;
                            font-size:          8pt;
                        }
                        
                        a.footernavigationlink:hover,
                        a.footernavigationlink_active
                        {
                            color:              #DC2042;
                        }
                    
                .newsletterinschrijvencontainer    
                {
                    position:           relative;
                    display:            block;
                    float:              left;
                    margin-top:         10px;
                }
                        
                .newsletterfield,
                .newsletterfieldwatermark
                {
                    position:           relative;
                    display:            block;
                    float:              left;
                    color:              Black;
                    font-size:          8pt;
                    border:             solid 1px #92B4BD;
                    height:             19px;
                    padding-left:       3px;
                    padding-top:        3px;
                    margin-right:       5px;
                    margin-top:         9px;
                }
                
                .newsletterfieldwatermark
                {
                    color:              #666;
                }
                
                .newsletterbutton
                {
                    margin-top:         9px;
                }
        
                .newslettererror,
                .newslettererror_second
                {
                    position:           relative;
                    display:            block;
                    float:              left;
                    clear:              both;
                    color:              #dc2042;
                    margin-left:        10px;
                    width: 120px;
                    top: 4px;
                }
                
                .newslettererror_second
                {
                	top: -10px;
                }
                
                .exclamation_text
                {
                    float: left;
                }
                .exclamation
                {
                    float: left;
                    top:                -7px;
                }
        
        
        /* HOMEPAGE */
        
        .mediatoolcontainer
        {
            position:           relative;
            display:            block;
            width:              737px;
            height:             261px;
            clear:              both;
        }
        
        
        .folderaanbiedingcontainer
        {
            position:           relative;
            display:            block;
            width:              737px;
            min-height:         259px;
            height:             auto !important;
            height:             259px;
            margin-top:         15px;
            text-align:         left;
            clear:              both;
        }
        
            .bekijkfoldercontainer
            {
                position:           relative;
                display:            block;
                float:              left;
                margin:             3px 0px 0px 20px;
            }
            
            .folderpreviewscontainer
            {
                position:           relative;
                display:            block;
                width:              737px;
                min-height:         235px;
                
                height:             auto !important;
                height:				235px;
                float:              left;
                clear:              both;
            }
            
            .folderpreviewcontainer,
            .folderpreviewcontainer_1st
            {
            	position:           relative;
                display:            block;
                width:              173px;
                min-height:         205px;
                height:             auto !important;
                height:             205;
                
                
                margin-top:         14px;
                margin-left:        15px;
                float:              left;
                background-image:   url(../images/layout/bg_folderpreview_content.jpg);
                /*background-image:   url(../images/layout/bg_folderpreview_content_YELLOW.jpg);*/
                background-repeat:  repeat-y;
            }
            
            .folderpreviewcontainer_1st
            {
                margin-left:        0px;
            }
                
                .folderpreviewcontentcontainer
                {
                    position:           relative;
                    display:            block;
                    width:              173px;
                    
                    min-height:         205px;
                    height:             auto !important;
                    height:             205px;
                    
                    float:              left;
                    background-image:   url(../images/layout/bg_folderpreview_top.jpg);
                    /*background-image:   url(../images/layout/bg_folderpreview_top_YELLOW.jpg);*/
                    background-repeat:  no-repeat;
                    background-position:top;
                }
                
                    .folderpreviewimagecontentcontainer
                    {
                        position:           relative;
                        width:              169px;
                        height:             118px;
                        text-align:         center;
                        margin:             7px auto;
                        overflow:           hidden;
                    }
                    
                    .folderpreviewtitelcontentcontainer
                    {
                        position:           relative;
                        width:              159px;
                        height:             auto;
                        text-align:         left;
                        margin-left:        10px;
                        font-weight:        bold;
                        font-size:          9pt;
                    }
                    
                    .folderpreviewtitelcontentcontainer a
                    {
                        text-decoration:   none;
                        padding-left: -10px;
                        width: inherit;
                    }
                    
                    .folderpreviewtekstcontentcontainer
                    {
                    	
                        position:           relative;
                        width:              159px;
                        min-height:			40px;
                        height:             auto !important;
                        height:				40px;
                        
                        text-align:         left;
                        margin-left:        10px; 
                        margin-top:         8px;
                        font-weight:        normal;
                    }                    
                    
                    
                    .folderpreviewtekstcontentcontainerPreview a
                    {
                        color: Black;
                        text-decoration:    none;
                        padding-left: -10px;
                        width: inherit;
                    }
                    
                        .folderpreviewlink
                        {
                            color:              Black;
                            text-decoration:    none;
                        }
                
                .folderpreviewfootercontainer
                {
                    position:           relative;
                    display:            block;
                    width:              173px;
                    height:             23px;
                    float:              left;
                    background-image:   url(../images/layout/bg_folderpreview_bottom.jpg);
                    /*background-image:   url(../images/layout/bg_folderpreview_bottom_YELLOW.jpg);*/
                    background-repeat:  no-repeat;
                }
        
        .winkelinspiratiecontainer
        {
            position:           relative;
            display:            block;
            width:              737px;
            height:             auto;
            /*min-height:         436px;   lege ruimte voorkomen bij minder dan 3 items */
            margin-top:         15px;
            text-align:         left;
            clear:              both;
        }
        
        .hpwinkelcontainer
        {
            position:           relative;
            display:            block;
            width:              361px;
            height:             auto;
            text-align:         left;
            clear:              left;
            float:              left;
        }
        
        .hpinspiratiecontainer
        {
            position:           relative;
            display:            block;
            width:              361px;
            height:             auto;
            text-align:         left;
            margin-left:        15px;
            float:              left;
        }
        
            .hpwinkelinspiratieheader
            {
                position:           relative;
                display:            block;
                width:              361px;
                height:             38px;
                text-align:         left;
                float:              left;
                overflow:           hidden;
                background-image:   url(../Images/Layout/BG_WinkelInspiratieHeader.jpg);
                background-repeat:  repeat-x;
            }
            
            .hpwinkelinspiratieheader span
            {
                position:           relative;
                display:            block;
                text-transform:     uppercase;
                color:              White;
                margin:             10px 0px 0px 15px;
                font-size:          13pt;
            }
            
            .hpwinkelinspiratieitemcontainer
            {
                position:           relative;
                display:            block;
                width:              361px;
                height:             auto;
                min-height:         132px;
                margin-top:         1px;
                float:              left;
                clear:              both;
                background-color:   #AFD8EA;
                padding-bottom:     0px !important;
                padding-bottom:     10px;
            }
            
                .hpwinkelinspiratieimagecontainer
                {
                    position:           relative;
                    display:            block;
                    float:              left;
                    width:              120px;
                    height:             110px;
                    margin:             10px 0px 0px 15px !important;
                    margin:             10px 0px 0px 10px;
                    overflow:           hidden;
                }
                
                .hpwinkelinspiratietekstcontainer
                {
                    position:           relative;
                    display:            inline;
                    float:              left;
                    width:              192px;
                    height:             auto;
                    min-height:         95px;
                    margin-top:         25px;
                    margin-left:        15px;
                }
                .hpwinkelinspiratietekstcontainer a
                {
                        
                        text-decoration:        none;
                }
                
                    .hpwinkelinspiratietitel
                    {
                        position:           relative;
                        display:            block;
                        float:              left;
                        clear:              left;
                        width:              192px;
                        height:             auto;
                        font-weight:        bold;
                        font-size:          9pt;
                        cursor:             pointer;
                    }
                    
                    .hpwinkelinspiratietitel a
                    {
                        
                        text-decoration:        none;
                    }
                 
                    .hpwinkelinspiratietekst
                    {
                        position:           relative;
                        display:            block;
                        float:              left;
                        clear:              left;
                        width:              192px;
                        height:             auto;
                        margin-top:         12px;
                    }
                    
                    .hpwinkelinspiratietekst a
                    {
                        color : black;
                        text-decoration:        none;
                    }
                    
        .homepageseotekstblokcontainer
        {
            position:           relative;
            display:            block;
            width:              737px;
            height:             auto;
            min-height:         30px;
            float:              left;
            margin-top:         15px;
            margin-bottom:      15px;
        }
        
        /* // Homepage */
        
        .sidetitle
        {
            position:           relative;
            font-weight:        bold;
            font-size:          9pt;
            clear:              both;
        }
        
        .sidecontentcontainer
        {
            position:           relative;
            display:            block;
            width:              180px;
            height:             auto;
            margin:             0 auto 10px auto;
        }
        
            .sidecontentcontainer a
            {
                position:           relative;
                display:            inline-block;
                color:              Black;
                text-decoration:    none;
                font-size:          8pt;
                margin-bottom:      4px;
            }

            .tekstrechtscontainer
            {
                position:           relative;
                display:            block;
                width:              auto;
                height:             auto;
                margin:             10px 0px;
            }
        
        
        
                .tekstrechtscontainer ul
                {
                    padding: 0;
                    margin: 0;
                }
        
                .tekstrechtscontainer ul li
                {
                    list-style:     none;
                    background:     url(../Images/Layout/List_Arrow_Blue.gif) 1px 2px no-repeat;
                    margin:         0;
                    padding:        0 0 0 15px;
                }
        
            .servicereferentiecontainer
            {
                position:           relative;
                display:            block;
                width:              180px;
                height:             auto;
                margin-bottom:      15px;
                overflow:           hidden;
            }
            
            .servicereferentieimagecontainer
            {
                position:           relative;
                display:            block;
                width:              55px;
                height:             55px;
                overflow:           hidden;
                float:              left;
                margin:             3px 10px 5px 0px;
            }
            
            .servicereferentietekstcontainer
            {
                position:           relative;
                display:            inline;
                width:              115px;
                height:             auto;
                float:              left;
                margin:             3px 0px;
            }
            
            .servicereferentietekstcontainer a
            {
                margin-bottom:      auto;
            }
            
            .servicereferentietekstcontainer ul li
            {
                list-style-image:   url(../Images/Layout/List_Arrow_Blue.jpg);
                margin-top:         5px;
            }
            
            .servicereferentietekstcontainer hr
            {
                color :             #94B1BF;
                height:             1px;
            }
            
    /* Errorpage */
    
    #errorcontainer
    {
        position:           relative;
        display:            block;
        width:              500px;
        height:             auto;
        margin:             100px auto;
        padding:            20px;
        border:             1px solid black;
    }
    
    /* // Error pag */
            


.titelinfoicooncontainer
{
    position:           absolute;
    display:            inline;
    /*vertical-align:     bottom;*/
    margin:             3px 0 0 5px;
    width:              16px;
    height:             16px;
    z-index:            10;
    cursor:             help;
    
    
}

.titelinfoicooncontainer a
{
    cursor:             help;
}

.titelinfocontentcontainer_hide
{
    /*display:            none;*/
    visibility: hidden;
    position:           absolute;
    display:            block;
    /*left:               0px;
    top:                19px;*/
    width:              400px;
    height:             auto;
    min-height:         50px;
    padding:            8px;
    border:             solid 1px #CB0032;                  /* rood */
    background-color:   #FDCEDA;                            /* roze */
    z-index:            1000;   
    height:             auto;
    min-height:         50px;
    
}

.titelinfocontentcontainer_show
{
    visibility:         visible ;
    position:           absolute;
    display:            block;
    width:              515px;
    height:             auto;
    min-height:         50px;
    padding:            8px;
    border:             solid 1px #CB0032;                  /* rood */
    background-color:   #FDCEDA;                            /* roze */
    z-index:            1000;   
    height:             auto;
    min-height:         50px;
}

.titelinfocontentcontainer_show *
{
    font-size:              7pt;
    margin:                 0px;
}

.titelinfocontentcontainer_show * UL
{
	clear: both;
}

.titelinfocontentcontainer_show * LI
{
	list-style-type:        none;
	float:                  left;
	margin-left:            25px;
	
	
}

.titelinfocontentcontainer_hide * BR,
.titelinfocontentcontainer_show * BR
{
	clear: both;
}


.titelinfocontentcontainer_hide * H2,
.titelinfocontentcontainer_show * H2
{
    float:                  left;   
    font-size:              8pt;
    color:                  #DC2042; 
    font-weight:            bold;  
    margin:                 5px 0px;   
    clear:					both;
}

.titelinfocontentcontainer_hide * H3,
.titelinfocontentcontainer_show * H3
{
    
    font-size:              7pt;
    color:                  #DC2042; 
    font-weight:            bold;  
    clear: both;     
}

/* FORMULIEREN */

.form_label
{
    position:           relative;
    display:            block;
    float:              left;
    width:              100px;
    clear:              left;
    margin-top:         8px;
    padding-top:        5px;
    font-weight:        bold;
    font-size:          10pt;
}

.form_textbox,
.form_textboxml,
.form_list,
.form_fileupload
{
    position:           relative;
    display:            block;
    float:              left;
    height:             18px;
    width:              250px;
    margin-right:       10px;
    margin-left:        0px;
    margin-top:         8px;
    padding-left:       3px;
    padding-top:        3px;
    border:             solid 1px #92B5BB;
    background-color:   White;
}

.form_textboxml
{
    height:             125px;
}

.form_list
{
    width:              71px;
    height:             23px;
}

.form_button
{
    margin-top:         8px;
    margin-left:        168px;
}

.validationimage
{
    margin-top:         8px;
}

.form_fileupload
{
    width:              255px;
}


/* linkermenu */
.linkermenu
{
    color :             Black;
    width:              173px;
    margin-top:         4px;
}

.linkermenu hr
{
    color :             #94B1BF;
    height:             1px;
    padding-top :       -5px;    
}

.linkermenu a
{
    text-decoration :   none;
    color :             inherit;
    font-weight :       inherit;
    margin-left:        10px;
    
}

.linkermenu a:hover
{
    text-decoration :   none;
    color:              #DC2042;
    font-weight :       inherit;
    margin-left:        10px;
    
}


.linkermenu img
{
    margin-top:         2px;
    
}

.linkermenutitel
{
    font-weight :       bold;    
    min-height :        30px;
    height :            auto;
    height :            25px !important; 
    white-space:nowrap;
}

.linkermenu_cluster
{
    font-weight:        bold;
    border-bottom :     solid 1px #94B1BF;
    height :            auto;
    min-height: 20px;
    padding-top:        4px;
}

.linkermenu_productcategorie
{
    color : Black;
    font-weight:normal;
    font-size: 100%;
    background-image:       url(../Images/Layout/blue_arrow_left_to_right.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom : solid 1px #94B1BF;
    padding-top : 4px;
    padding-left : 5px;
    height : 20px;

}

.linkermenu_productcategorie_selected
{
    color:                  #DC2042;
    font-weight:            bold;
    font-size:              100%;
    background-image:       url(../Images/Layout/blue_arrow_left_to_right.jpg);
    background-position:    left center;
    background-repeat:      no-repeat;
    border-bottom:          solid 1px #94B1BF;
    padding-top:            4px;
    padding-left:           5px;
    height:                 20px;
    margin-right:           -5px;
}

.linkermenu_productcategorie_selected_with_productsubcategorie
{
    color:                  #DC2042;
    font-weight:            bold;
    font-size:              100%;
    background-image:       url(../Images/Layout/blue_arrow_top_to_bottom.jpg);
    background-position:    left center;
    background-repeat:      no-repeat;
    border-bottom:          none 1px #94B1BF;
    padding-top:            4px;
    padding-left:           5spx;
    height:                 20px;
    margin-right: -5px;
}


.linkermenu_productcategorie a
{
    color : Black;
    text-decoration : none;
}

.linkermenu_productcategorie_selected a
{
    text-decoration : none;
}

.linkermenu_productsubcategorie
{
    background-color : #EEEEEE ;
    padding-top: 4px;
    padding-bottom : 2px;
    padding-left: 0px;
    font-weight : normal;
    height: 16px;
    padding-left : 7px;
}

.linkermenu_productsubcategorie_selected
{
    background-color : #EEEEEE ;
    color : #DC2042;
    padding-top: 4px;
    padding-bottom : 2px;
    padding-left: 0px;
    font-weight : normal;
    height: 16px;
    padding-left : 7px;

}


.linkermenu_productsubcategorie a
{ 
    color : Black;
    text-decoration : none;
}

.linkermenu_productsubcategorie_selected
{
    color: #DC2042;
    text-decoration : none;
}

.linkermenunode
{
    color : Black;
    font-weight:normal;
    font-size: 100%;
    background-image:       url(../Images/Layout/blue_arrow_left_to_right.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom : solid 1px #94B1BF;
    padding-top : 2px;
    min-height : 20px;
    height: auto;
    
}

.linkermenunode a
{
    color: Black;
}

.linkermenunodeselected
{
    color : #DC2042;
    font-weight:bold;
    font-size : 100%;
    background-image:       url(../Images/Layout/blue_arrow_left_to_right.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom : solid 1px #94B1BF;
    padding-top : 2px;
    height : auto;
    min-height: 20px;
    
}

.linkermenunodeselectedwithsubnodes
{
    color : #DC2042;
    font-weight:bold;
    background-image:       url(../Images/Layout/blue_arrow_top_to_bottom.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom : none 1px #94B1BF;
    padding-top : 2px;
    height : auto;
}

.linkermenusubnode
{
    background-color : #EEEEEE ;
    padding-top: 4px;
    padding-bottom : 2px;
    padding-left: 0px;
    font-weight : normal;
    height: 16px;
    
}

.linkermenusubnodeselected
{
    background-color:   #EEEEEE ;
    color:              #DC2042;
    padding-top:        4px;
    padding-bottom:     2px;
    padding-left:       0px;
    font-weight:        bold;

    height:             16px;
    
    
}

.linkermenusubnode_last
{
    background-color : #EEEEEE ;
    padding-top: 4px;
    padding-bottom : 2px;
    padding-left: 0px;
    font-weight : normal;
    height: 16px;
    border-bottom : solid 1px #94B1BF;
    
}

.linkermenusubnode_last a
{
    color : Black;
}
.linkermenusubnodeselected_last
{
    background-color:   #EEEEEE;
    color:              #DC2042;
    padding-top:        4px;
    padding-bottom:     2px;
    padding-left:       0px;
    font-weight:        bold;
    height:             16px;
    border-bottom:      solid 1px #94B1BF;
}
.linkermenusubnode a
{
    color : Black;
}

/* breadcrumb */
.breadcrumb
{
    text-align : left;
    position : relative;
}

.breadcrumb ul
{
    list-style-type:inherit; 
    display : inline;
}

.breadcrumb a
{
    text-decoration : none;
    color : Black;
}

.breadcrumb li
{
    background-image:   url(../Images/Layout/breadcrumb_arrow.jpg);   
    background-repeat : no-repeat;
    background-position: left center;
    list-style-position : inherit;
   display : inline;
   padding-left : 10px;
   padding-right : 10px;
   text-decoration : none;
}

/* first-child werkt niet in IE6, daarvoor class first gebruiken */
.breadcrumb li:first-child,
.breadcrumb li.first
{ 
    background-image: none;
    padding-left: 0px;
}


.breadcrumb_last a
{ 
    color:          #DC2042;
    font-weight:    bold;
}

 .searchresult_titel
 {
     font-weight: bold;
     color: #DC2042;
     margin-top : 10px;
 }
 
 .searchresult_item
 {
    background-image:           url(../Images/Layout/blue_arrow_left_to_right.jpg);
    background-position:        left center;
    background-repeat:          no-repeat;
    color :                     black
 }
 
 .searchresult_item a
 {
     text-decoration : none;
     margin-left : 10px;
     color : Black;
 }
 
 
 .sitemap_titel
 {
    position:                   relative;
    display:                    block;
    width:                      210px;
    float:                      left;
    background-color:           #DC2042;
    color:                      White;
    padding:                    5px 0px 5px 15px;
    font-weight:                bold;
    text-align:                 left;
    background-image:           url(../Images/Layout/BG_SitemapTitle.jpg);
    background-position:        left;
    background-repeat:          repeat-x;
    overflow:                   hidden;
 }
 
 .sitemap_kolom
 {
    position:                   relative;
    display:                    block;
    width:                      225px;
    float:                      left;
    margin-left:                10px;
    border:                     solid 1px #DC2042;
    text-align:                 left;
 }
 
 .sitemap_page
 {
    position:                   relative;
    display:                    block;
    width:                      180px;
    clear:                      both;
    background-image:           url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position:        left;
    background-repeat:          no-repeat;
    color:                      black;
    margin-left:                15px;
    padding:                    3px 0px 3px 15px;
    border-width:               1px 0px 0px 0px;
    border-style:               solid;
    border-color:               #CCC;
 }
 
     .sitemap_page a
     {
        color:                  #333;
        text-decoration:        none;
        font-weight:            bold;
     }
     
    .sitemap_page a:hover {color:#DC2042;}
 
 .sitemap_subpage
 {
    position:                   relative;
    display:                    block;
    width:                      165px;
    clear:                      both;
    background-image:           url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position:        left;
    background-repeat:          no-repeat;
    color:                      black;
    margin-left:                25px;
    padding:                    3px 0px 3px 15px;
 }
 
 .sitemap_subsubpage
 {
    position:                   relative;
    display:                    block;
    clear:                      both;
    width:                      150px;
    background-image:           url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position:        left;
    background-repeat:          no-repeat;
    color:                      black;
    margin-left:                35px;
    padding:                    3px 0px 3px 15px; 
 }
 
     .sitemap_subpage a,
     .sitemap_subsubpage a
     {
        color:                  #333;
        text-decoration:        none;
     }
     
        .sitemap_subpage a:hover,
        .sitemap_subsubpage a:hover
        {
            color:#DC2042;
        }
 
 
 .highlight
 {
     /*background-color : #AFD8EA;*/
     font-weight: bold;
 }
 
 .plainlink
 {
    background-image:       url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    color :  black;
    padding-left : 10px;
    text-decoration : none;
 
 }
 
 .leesverder
 {
   background-image:       url(../Images/Layout/List_Arrow_Blue.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    color :  black;
    padding-left : 10px;
    text-decoration : none;
   
 }
 
 
 .leesverder a
 {
     text-decoration : none;
 }
 
 
 .ActieLeftside
    {
        position:           relative;
        float:              left;
        width:              340px;
        height:             auto;
    }
    
    .Actieinleidingcontainer
    {
        position:           relative;
        float:              left;
        display:            block;
        width:              320px;
        height:             158px;
        padding:            10px;
        overflow:           hidden;
        background-color:   #F9E3E6;
    }
    
    .ActieAfbeeldingSfeercontainer
    {
        position:           relative;
        float:              left;
    }
    
    .ActieAfbeeldingSfeer
    {
        clip:               rect(435px, 178px, 435px, 178px);
        width:              737px;
    }
    

.ActieRightside
    {
        position:           relative;
        float:              left;
        width:              435px;
        height:             auto;
        margin-left:        1px;
    }
    
    .ActieAfbeeldingTopcontainer
    {
        position:           relative;
        float:              left;
        clip:               rect(435px, 178px, 435px, 178px);
        overflow:           hidden;
        height:             178px;
    }
    
    .ActieAfbeeldingTop
    {
        position:           relative;
        float:              left;
        clip:               rect(435px, 178px, 435px, 178px);
        overflow:           hidden;
    }
    
    .Actietekstcontainer
    {
        position:           relative;
        float:              left;
        display:            block;
        /*width:              415px;*/
        height:             auto;
        /*min-height:         435px;*/
        padding:            10px;
        overflow:           hidden;
    }

.pathforjs
{					/* Inhoud verbergen */
	position:               absolute;
	left:                   -1000px;
	width:                  10px;
}

.accordionHeader
{
    display:            block;
    width:              500px;
    padding:            5px 5px 5px 10px;
    border-bottom:      solid 1px #EEEEEE;                                                          /* DONKER BLAUW */
    cursor:             hand;
    cursor:             pointer;
    font-weight:        bold;
    /*background-color:   #99CDFF; */ /* LICHT BLAUW */
    color:              #DC2042;               
    background-image:   url(../images/layout/double_arrow.jpg);  
    background-repeat:  no-repeat;
    background-position:left center;                                           
}

.accordionContent
{
    font-weight:        normal;
    display:            block;
    width:              500px;
    padding:            5px;
    border-bottom:      solid 1px #EEEEEE;
}

ul.arrow
{
    /*list-style-image:       url(../Images/Layout/List_Arrow_Blue.jpg);*/
}

.FolderContainer
{
    margin-bottom :     40px;
    margin-right:       40px;
    float:              left;
}

.FolderImage
{
    margin-right:       10px;
    margin-bottom:      8px;
}

.FolderText
{
    
}

.FolderText H6
{
    color: #DC2042;
}

/* Klantgegevens */
.klantgegevens_blok
{
    border:                 solid 1px #99B7C1;
    background-color:       #F5F5F5;
    min-height :            150px;
    height:                 auto;
    padding:				20px;
}

.inlog_blok h2
{
	color: #DC2042;
	font-size: 18px;
	padding: 0px 0 8px 0;
	margin: 0px;
}


.inlog_blok ul
{
	margin-left: 14px;
}

.inlog_blok li
{
	list-style-image: none;
	padding-bottom: 6px;
}

.inlog_blok .thickbox
{
	margin-left: 110px;
}


.inlog_blok
{
    border:                 solid 1px #99B7C1;
    background-color:       #f5f5f5;
    min-height :            125px;
    height:                 auto;
    padding:                16px;
    margin-bottom:          15px;
    float:					left;
    width:					324px;
    height:					245px;
}

.inlog_blok_left
{
	margin-right:15px;
}

.inlog_blok a
{
	text-decoration: none;
    color: Black;
    background-image:   url(../Images/Layout/List_Arrow_Blue_OnGray.jpg);
    background-repeat:  no-repeat;
    background-position: left center;
    padding-top: 2px;
    height: 10px;
    padding-left: 10px;
}

.klantgegevens_label,
.inlog_label
{
    position:           relative;
    display:            block;
    float:              left;
    width:              130px;
    clear:              left;
    margin:				2px 0 4px 0;
    padding-top:        8px;
    font-weight:        bold;
    font-size:          12px;
}


.inlog_label
{
    width:              110px;
    font-size:          8pt;
}

.klantgegevens_label_second
{
    position:           relative;
    display:            block;
    float:              left;
    margin-top:         8px;
    padding-top:        5px;
    padding-right:      10px;
    
    font-weight:        normal;
    font-size:          10pt;
}

.klantgegevens_div
{
	width: 150px;
}

.klantgegevens_textbox,
.klantgegevens_textboxml,
.klantgegevens_list,
.klantgegevens_textbox_readonly
{
    position:           relative;
    display:            block;
    float:              left;
    height:             18px;
    width:              176px;
    margin-right:       10px;
    margin-left:        0px;
    margin-top:         8px;
    padding-left:       3px;
    
    
}

.klantgegevens_textbox,
.klantgegevens_textboxml,
.klantgegevens_list
{
	padding-top:        3px;
	border:             solid 1px #92B5BB;
    background-color:   White;
}

.klantgegevens_emailuitleg
{
	clear:				both;
}

.klantgegevens_textbox_readonly
{
	
	padding-top:        6px;
	background-color : #EEEEEE;
	border: solid 0px white;
}

.klantgegevens_label_error
{
    position:           relative;
    display:            block;
    color:              #DC2042;
}

.klantgegevens_statuspanel
{
	border: solid 3px #dc2042;
	background-color : #FFEEEE;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	height: 20px;
	width: auto;	
	position:           relative;
    display:            block;
    
}

.klantgegevens_statuspanel a
{
text-decoration: none;
    color: Black;
    background-image:   url(../Images/Layout/List_Arrow_Blue_OnGray.jpg);
    background-repeat:  no-repeat;
    background-position: left center;
    margin-top: 3px;
    padding-top: 4px;
    height: 10px;
    padding-left: 10px;
    
}
.klantgegevens_radiobuttonlist
{   
    position:           relative;
    display:            block;
    float:              left;
    height:             18px;
    width:              auto;
    margin-right:       89px;
    margin-left:        0px;
    margin-top:         8px;
    padding-left:       3px;
    padding-top:        3px;
}

.klantgegevens_radiobuttonlist label
{
	padding: 0 5px;
}

.klantgegevens_dropdownlist
{
    position:           relative;
    display:            block;
    float:              left;
    height:             22px;
    width:              auto;
    margin-right:       10px;
    margin-left:        0px;
    margin-top:         8px;
    padding-left:       3px;
    padding-top:        3px;    
    border:             solid 1px #92B5BB;
}

.klantgegevens_textbox_second
{   
    position:           relative;
    display:            block;
    float:              left;
    height:             18px;
    width:              250px;
    margin-left:        0px;
    margin-top:         8px;
    padding-left:       3px;
    padding-top:        3px;
    border:             solid 1px #92B5BB;
    background-color:   White;
}

.klantgegevens_textboxml
{
    height:             125px;
}

.klantgegevens_uppercase
{
    text-transform:     uppercase;
}

.klantgegevens_padder
{
    margin-right:		137px;
}

.klantgegevens_list
{
    width:              50px;
}

.klantgegevens_button
{
    position:           relative;
    height:             25px;
    width:              100px;
    background:         url(../Images/Layout/hn_bg_hover.gif) 0 2px repeat-x;
    color:              White;
    border:             none 0px white;
    cursor:             pointer; 
    padding:            2px 5px 2px 5px;     
    font-weight:        bold;    
}


/* Login */
.loginstatus_block
{
    padding: 0px 0px 0xp 0px;
    padding: 2px 2px 2px 2px !important;
    border-bottom: solid 1px #92B4BA;
   
}

.loginstatus_header
{
    font-weight:            bolder;
    color:                  #DC2042;    
    font-size:              130%;
}

    .loginstatus_block div
    {
        margin:             10px 0 20px 0;
    }

.loginstatus_label
{
    clear:both;
    
}
.loginstatus_smalllabel
{
    clear:both;
    font-size: smaller;
    font-style: italic;
    
}

.loginstatus_block a
{
    text-decoration: none;
    color: Black;
    background-image:   url(../Images/Layout/List_Arrow_Blue.jpg);
    background-repeat:  no-repeat;
    background-position: left center;
    height: 10px;
    padding-left: 14px;
}

.loginstatus_textbox,
.loginstatus_watermark
{
    position:           relative;
    height:             18px;
    width:              180px;
    border:             1px solid #92B5BB;
    background-color:   #f1f1f1;
    font-size:          12px;
    
}

.loginstatus_watermark
{
    background-color: #EEEEEE;
    
}

.loginstatus_imagebutton
{
	position:relative;
	padding:            7px 0px;     
}

.loginstatus_button
{
    position:           relative;
    height:             25px;
    width:              182px;
    background:         url(../Images/Layout/hn_bg_hover.png) 0 2px repeat-x;
    color:              White;
    border:             none 0px white;
    cursor:             pointer;     
    padding:            5px 5px 2px 5px;     
    font-weight:        bold;    
}

.loginstatus_error
{
    font-weight: bold;
    color: #dc2042;
}
/* Webshop */

.WebShop_Content_Container
{
	border:  solid 1px #BACFE0;
	border-top-width : 0px;
	
}

.WebShobTab1
{
    
}

.WebShobTab2
{
    
}


.WebShobTab3
{
    
}


.WebShobTab4
{
    
}

.Bigfont
{
	font-size:12px;
}

.Hugefont
{
	font-size:16px;
}

.Slimfont
{
	font-weight: normal;
}

.Transfont
{
	color: #666;
}

.WebShopTab_Actief
{
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #BACFE0;
	background-color:white;
	padding-left:12px;
	padding-right:12px;
	width: auto;
	
	
}

.WebShopTab_Actief_Label
{
	color:#CB0035;
	font-weight: bold;
	font-size:12px;
}

.WebShopTab_Actief_Side
{
	border-bottom:1px solid white;
}

.WebShopTab_InActief
{
	border-bottom:1px solid #BACFE0;
	background-color:#598FBD;
	padding-left:12px;
	padding-right:12px;
	width: auto;
	color :White;
	
}

.WebShopTab_InActief_Side
{
	border-bottom:1px solid #BACFE0;
	
}

.WebShopTab_InActief a,
.WebShopTab_InActief span
{
	color:				white;
	text-decoration:	none;
	font-weight:bold;
}

.WebShop_Winkelwagen
{
	width: 737px;
}

.WebShop_Winkelwagen_link
{
	text-decoration: none;
	color: #1954A4;
	font-size: 11px;
	text-decoration: underline;
}

.WebShop_Winkelwagen_CombiOnderdelen
{
	background-color:#FFEEEE;
	border: solid 1px #dc2042;
}

.WebShop_Winkelwagen_CombiOnderdelen tr
{
	
}

.WebShop_Winkelwagen_Kenmerken
{
	margin-left: 10px;
	
}

.WebShop_Winkelwagen_ExtraInfo
{
	position: relative;
}

.fotoproduct_winkelwagen
{
    position:           relative;
    height:             80px;
    width:              92px;
    padding:            13px 10px 13px 8px;
    background-color:   White;
    overflow:           hidden;
}

.actielogo_winkelwagen
{
    position:           absolute;
    left:               5px;
    bottom:             5px;
}

/* Bezorgopties */
.BezorgOptiesSubPanelLeft
{
	display: block;
	width: 50%;
}

.BezorgOptiesSubPanelRight
{
	display: block;
	width: 50%;
	background-color: Gray;
}

.BezorgOptiesTable
{
	width: 100%;
	
}
.BezorgOptiesTable_LeftAndMiddleCell
{
	width: 600px;
	border-top:	2px #000 solid;
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
}

.BezorgOptiesTable_LeftCell
{
	width: 300px;
}
.BezorgOptiesTable_MiddleCell Floatleft
{
	float: left;
}

.BezorgOptiesTable_MiddleCell
{
	width: 300px;
}

.BezorgOptiesTable_GrandTotal,
.BezorgOptiesTable_RightCell
{
	width: 173px;
	text-align: right;
}

.BezorgOptiesTable_MiddleAndRightCell
{
	width: 473px;
	height: auto;
	background-color: #EEEEEE
}


.BezorgOptiesTable_GrandTotal
{
	border-top:	2px #000 solid;
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
}

.BezorgOpties_hr
{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	border: none;
	border-bottom: 1px #000 solid;
	width: 100%;
	left: 0px;
}

.BezorgOptiesSubPanel
{
	display: inline;
	position: relative;
	
}
.BezorgOptiesLiteral
{
	position: absolute;
	display: block;
}


.BijzondereOmstandigHedenLeft
{
	position: static ;
	display: block ;
	width: 50%;
	text-align: left;
}

.BijzondereOmstandigHedenRight
{
	position: relative ;
	display: block ;
	float: right;
	width: 50%;
	background-color: Gray;
	top: -45px;
}

.BijzondereOmstandigHedenRight_TextBox
{
	width: 97%;
	height: 30px;
	margin: 5px 5px 5px 5px;
}

.DatumAflevering
{
	
}

.DatumAflevering h2
{
	font-size: 130%;
}

.calendar
{
	position:           relative;
	display:            inline;
	float:              left;
	width:              200px;
	padding:            5px;
	margin-right:       15px;
	margin-bottom:      15px;
	border:             0px;
	z-index:			1;
}

.calendar_dayheader
{
    height:             20px;
    color:              #333;
}

.calendar_day,
.calendar_othermonthday,
.calendar_selectedday,
.calendar_today,
.calendar_weekendday
{
    height:             20px;
    color:              #333;
}

.calendar_day a,
.calendar_othermonthday a,
.calendar_selectedday a,
.calendar_today a,
.calendar_weekendday a
{
    text-decoration:    none;
}

.calendar_nextprev{}

.calendar_othermonthday{}

.calendar_selectedday{}

.calendar_selector{}

.calendar_title
{
    display:            block;
    width:              200px;
    height:             30px;
    background-image:   url(../Images/Layout/BG_CalendarTitle.jpg);
    background-repeat:  repeat-x;
}

    .calendar_title td
    {
        color:              White;
        font-weight:        bold;
        text-align:         center;
    }

.calendar_today
{
    border: solid 1px #999;
}

.calendar_weekendday{}

/* Orderoverzicht */

.OrderHeader
{
    background-color:  #CCDEEC; /*#99CDFF;*/
	width: 100%;
	height: 20px;
	padding-left: 5px;
}

.OrderOverzichtTable li
{
	list-style-image: none;
	list-style: none;
}

.OrderOverzichtTable
{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.OrderOverzichtTable tr
{
	margin-bottom: 5px;
	margin-top : 5px;
	padding-left: 10px;
}

.OrderOverzichtTable td
{
	margin-left: 20px;
}
.OrderOverzichtHeader
{
	background-color:  #CCDEEC; /*#99CDFF;*/
	width: 100%;
	height: 27px;
	padding-left: 5px;
}
.OrderOverzichtHeader h4
{
	font-size: 12px;
	font-weight: bold;
}
.OrderOverzichtRow
{
	padding: 6px 0 6px 0;
}

.OrderOverzichtRow li
{
	list-style-position: outside;
	padding-left: 5px;
}

.OrderOverzichtRowArtikelNummer
{
	color: Gray;
}

.OrderOverzichtLeftCell
{
	vertical-align: top;
	width: 25%;
	padding-left: 5px;
}

.StatusPanel
{
	border: solid 3px #dc2042;
	background-color : #FFEEEE;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	display: inline;
	display: inherit !important;
	width: 90%;
}

/* BetaalMethodeTermijn */
.BetaalMethodeBorder
{
    
}

.BetaalMethodeTermijn
{
	position:       relative;
	display:        block;
	width:          355px;
	/*border:         solid 1px #BACFE0;*/
	margin:         10px auto;
	padding:        8px 5px 7px 5px;
	text-align:     left;
}

.BetaalMethodeTermijn H4
{
	position:       relative;
	display:        block;
	clear:          both;
	color :         #000;
	font-size:		12px;		
	font-weight:    bold;
	margin-bottom:  3px;
}

.BetaalMethodeTermijnLeft
{
	position:       relative;
	display:        block;
	margin-left:    0px;
	width:          167px;

}
.BetaalMethodeTermijnRight
{
	position:       relative;
	display:        block;
	width:          167px;
	background-color : Yellow;
}

.BetaalMethodeTermijnRadioButtonLeft,
.BetaalMethodeTermijnRadioButtonLeft_selected
{
	width:          240px;
	display:		block;
	border:         solid 1px #BACFE0;
	height:         26px;
	vertical-align: baseline;
	padding-top:    10px;
	padding-left:   10px;
	clear:          both;
}
.BetaalMethodeTermijnRadioButtonLeft_selected
{
	background-color :	#598FBD;
}

.BetaalMethodeTermijnRadioButtonLeftNoBorder,
.BetaalMethodeTermijnRadioButtonLeftNoBorder_selected
{
	width:          240px;
	display:		block;
	height:         26px;
	vertical-align: baseline;
	padding-top:    10px;
	padding-left:   10px;
	clear:          both;
}
.BetaalMethodeTermijnRadioButtonLeftNoBorder_selected
{
	background-color :	#598FBD;
}

.BetaalMethodeTermijnRadioButtonRight,
.BetaalMethodeTermijnRadioButtonRight_selected
{
	width:          240px;
	display:        block;
	border:         solid 1px #BACFE0;
	border-top:     none;
	height:         26px;
    vertical-align: baseline;
	padding-top:    10px;
	padding-left:   10px;
	clear:          both;
}

.BetaalMethodeTermijnRadioButtonRight_selected
{
	background-color : #598FBD;				
}

.BetaalMethodeTermijnRadioButtonRightNoBorder,
.BetaalMethodeTermijnRadioButtonRightNoBorder_selected
{
	width:          240px;
	display:        block;
	height:         26px;
    vertical-align: baseline;
	padding-top:    10px;
	padding-left:   10px;
	clear:          both;
}

.BetaalMethodeTermijnRadioButtonRightNoBorder_selected
{
	background-color : #598FBD;				
}

.BetaalMethodeTermijnImageLeft,
.BetaalMethodeTermijnImageRight
{
	left: 10px;
	top:10px;
	position: relative;
}

.BetaalMethodeTermijnImageCC
{
	left:           10px;
	top:            20px;
	position:       relative;
}

.BetaalMethodeTermijnTop
{
	position:       relative;
	display:        block;
	margin-left:    0px;
	width:          250px;
    border:         solid 1px #BACFE0;
}
.BetaalMethodeTermijnBottom
{
	position:       relative;
	display:        block;
	width:          250px;
	border:         solid 1px #BACFE0;
	border-top:     none;
}

/* MijnBestellingen*/
.MijnBestellingen
{
	border:             none;
	padding-top:        4px;	
	background-color:   #dc2042;
	border:             0px;
}

.MijnBestellingenHeader
{
	width:              100%;
	background-color:   white;
	font-size:          small;
	color:              #EEEEEE;
	border:             0px;
}

.MijnBestellingenHeader TD
{
	font-size: small;
	color: #A6A6A6;
	padding-left: 10px;
	padding-right: 10px;
	border:             0px;
}

.MijnBestellingenRij
{
	width: 100%;
	background-color: #EEEEEE;
	border-bottom: solid 6px blue;
	margin-top: 2px;
	height: 26px;
	padding-top: 40px;
}


.MijnBestellingenRij TD
{
	
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: solid 6px white;
	
}

.MijnBestellingenRij TD A
{
	text-decoration : none;
	color: Blue;
	font-weight : bold;
	text-align: right;
}

.PasswordErgZwak,
.PasswordZwak,
.PasswordErgVoldoende,
.PasswordErgSterk,
.PasswordUitstekend
{
	font-weight: bold;
	margin-left: 16px;
	color: Black;
}

.PasswordErgZwak
{
	background-color: #dc2042;
	
	
}
.PasswordZwak
{
	background-color: Orange;
}
.PasswordErgVoldoende
{
	background-color: Yellow;
}
.PasswordErgSterk
{
	background-color: Lime;
}

.PasswordUitstekend
{
	background-color: Green;
}

.popupControl
{
    display:            none;
    visibility:         hidden;
    position:           absolute;
    display:            block;
    width:              200px;
    height:             auto;
    min-height:         50px;
    padding:            8px;
    border:             solid 1px #CB0032;                  /* rood */
    background-color:   #FDCEDA;                            /* roze */
    z-index:            1000;   
    height:             auto;
    min-height:         50px;
}

.KoopzondagOverzicht
{
	width: 90%;
}

a.meer
{
	display:            inline-block;
	font-family:        Arial;
	font-size:          11px;
	text-decoration:    underline;
	margin-left:        10px;
	margin-top:         3px;
	color:              #1954A4;
	vertical-align:     bottom;
	
}



a.meer:hover
{
	color:#DC2042;
}


.SelecteerBezorgWijze
{
	width: 705px;
	height: 111px;
	padding: 15px;
	background-color: #F5F5F5;
	font-size:              12px;
	border: solid 1px #CFCFCF;
}

.SelecteerBezorgWijzeTitel
{
	float: left;
	font-size:              12px;
	padding-left: 25px;
	padding-bottom: 5px;
}
.SelecteerBezorgWijzeAfhalen
{
	background-color: #FFFFFF;
	width: 313px;
	height: 71px;
	float: left;	
	font-size:              12px;
	padding-left: 25px;
	padding-top: 10px;
}

.SelecteerBezorgWijzeBezorgen
{
	background-color: #FFFFFF;
	width: 313px;
	height: 71px;
	float: right;	
	font-size:              12px;
	padding-left: 25px;
	padding-top: 10px;
	
}

.SelecteerBezorgWijzeSelected
{
	border: solid 1px #CFCFCF;
}


.SelecteerBezorgWijzeRadioButton	
{
	font-size: 12px;
	font-weight:bold;
	margin-bottom: 30px;
	margin-top: 10px;
}

.SelecteerBezorgWijzeRadioButtonLabel
{
	margin-left: 7px;
	font-weight: bold;
	
}

.SelecteerBezorgWijzeItem
{
	
	float:none;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

label.SelecteerBezorgWijzeRadioButton
{
	left: 30px;
}



.SelecteerBezorgWijzeSelecteerFiliaal
{
	padding-left: 40px;
}


.KadoShow
{
    visibility:visible;
}

.KadoHide
{
    visibility:hidden;
}

.Kados
{
	width: 705px;
	height: 211px;
	padding: 15px;
	background-color: #F5F5F5;
	font-size:              12px;
	border: solid 1px #CFCFCF;
}


.Kado
{
	background-color: #FFFFFF;
	width: 323px;
	height: 141px;
	float:left ;
	font-size:              12px;
	padding-left: 10px;
	
	padding-top: 10px;
}

.Kado2
{
	background-color: #FFFFFF;
	width: 323px;
	height: 141px;
	float:right ;
	font-size:              12px;
	
	padding-left: 10px;
	padding-top: 10px;
}

.KadoSelected
{
	border: solid 1px #CFCFCF;
}

.KadoNotSelected
{
	border: solid 1px white;
}

.KadoImg
{
    
}

.KadoDiv
{
    float:left;
    text-align:left;
}

.folderpanel
{
    padding:20px 0px 20px 0px;
}

a.linkzwart
{
    text-decoration:    none;
    color:              Black;
}

a.linkzwart:hover
{
    color:             #dc2042;
}


/* TemplateOrderOverzicht */
.TemplateOrderOverzicht * h1 {
color:                  #CC0033;
font-size:              12pt;
font-weight:            bold;
position:               relative;
display:                block;
width:                  auto;
min-width:              50px;
height:                 auto;
float:                  left;
clear:                  both;
margin-bottom:          8px;
}

.TemplateOrderOverzicht * h2
{
background-color:  #CCDEEC;
color: #CC0033;
width: 100%;
padding-left: 5px;
clear:                  both;
}

.Artikelnummer,
.Template .Artikelnummer,
.Template * .Artikelnummer
{
    color: Gray;
}

.TemplateOrderOverzicht h5,
.TemplateOrderOverzicht * h5 
{
    background-color:  #CCDEEC; /*#99CDFF;*/
	width: 100%;
	height: 20px;
	padding-left: 5px;
	padding-top: 2px;
}

.TemplateOrderOverzicht p,
.TemplateOrderOverzicht table
{
    padding-left: 5px;
}

.SocialMediaTable
{
    position:           relative;
    display:            block;
    margin-top:         6px;
    border:             0px;
    width:              175px;
    
}

.SocialMediaTable tr
{
    height:             19px;
}

.SocialMediaTable *
{
    vertical-align:     top;
}   

a.SocialMediaImage
{
    display:            inline;
    width:              16px;
    height:             16px;
}

a.SocialMediaLink
{
    display:            inline;
    width:              175px;
}

/* Inspiratie */
.InspiratieThemaContainer
{
    margin-bottom :     20px;
    padding:            5px;
    float:              left;
    border:             #a2c0d8 1px solid;
}

.InspiratieThemaContainerMarge
{
    margin-right:       20px;
}

.InspiratieThemaImage
{
    width:              360px;
    height:             135px;
    margin-bottom:      1px;
}

.InspiratieThemaText
{
    width:              360px;
    height:             27px;
    padding-top:        8px;
    background-color:   #6599CB;
    text-align:         center;
    cursor:             hand;
    cursor:             pointer;
}

.InspiratieThemaText span
{
    color:              White;
    font-size:          16px;
    font-weight:        bold;
}

.InspiratieThemaOverzicht
{
    background-color:   #ccdeec;
    border:             #a2c0d8 1px solid;
    width:              700px;
    padding-top:        20px;
    padding-left:       20px;
}

.InspiratieThemaOverzichtTitel
{
    font-size:          20px;
    font-weight:        bold;
}

.InspiratieOnderdeelContainer
{
    margin-bottom :     10px;
    margin-right:       10px;
    padding:            5px;
    float:              left;
    border:             #a2c0d8 1px solid;
    width:              150px;
    height:             110px;
    background-color:   White;
}

.InspiratieOnderdeelImage
{
    width:              145px;
    height:             85px;
    margin-bottom:      1px;
}

.InspiratieOnderdeelText
{
    text-align:         center;
}

/* Actieaanbieding Items */
.actieaanbiedingitem, 
.actieaanbiedingitem_1st
{
    position:           relative;
    display:            block;
    width:              500px;
    height:             auto;
    min-height:         188px;
    float:              left;
    clear:              left;
    margin-bottom:      10px;
    background-color:   #669ACC; /* lichtblauw*/
}

.actieaanbiedingitem_1st
{
    background-color:   #DC2041; /* magenta*/
    background-image:   url(../images/layout/ActieAanbiedingItemBG.gif);
    background-position:top right;
    background-repeat:  no-repeat;
}

.actieaanbiedingfotowrapper
{
    position:           relative;
    display:            block;
    width:              206px;
    height:             170px;
    overflow:           hidden;
    float:              left;
    clear:              left;
    margin-top:         18px;
    margin-left:        17px;
}

.actieaanbiedingcontentwrapper,
.actieaanbiedingcontentwrapper_nophoto
{
    position:           relative;
    display:            block;
    width:              250px;
    height:             auto;
    float:              left;
    margin-top:         18px;
    margin-left:        10px;
    color:              White;
}

.actieaanbiedingcontentwrapper_nophoto
{
    width:              472px;
}

h2.actieaanbiedingtitel,
h2.actieaanbiedingtitel_1st
{
    position:           relative;
    display:            block;
    width:              250px;
    clear:              both;
    color:              White;
    font-size:          15pt;
}

h2.actieaanbiedingtitel_1st
{
    text-transform:     uppercase;
}

.actieaanbiedingcontentwrapper a,
.actieaanbiedingcontentwrapper_nophoto a
{
    color:              White;
    position:           relative;
    display:            block;
    float:              left;
    margin:             10px 0px;
}

.tekstrechtscontainerfilialen
{
    position:           relative;
    display:            block;
    width:              auto;
    height:             auto;
    margin:             10px 0px;
}

.tekstrechtscontainerfilialen h3, 
.tekstrechtscontainerfilialen H3 {
    position:               relative;
    display:                block;
    width:                  180px;
    float:                  left;
    clear:                  both;
    color:                  Black;  
    font-weight:            bold; 
    font-size:              9pt;  
    margin-bottom:          8px;
    margin-top:             0px;
}

.topperwrapper
{
    position:               relative;
    display:                block;
    width:                  500px;
    height:                 auto;
    min-height:             125px;
    float:                  left;
    clear:                  left;
    margin-top:             10px;
    margin-bottom:          10px;
}

.imgwrapper
{
    position:               relative;
    display:                block;
    clip:                   rect(500px 185px);
    float:                  left;
    clear:                  left;
    margin-bottom:          20px;
}

.toppertekst
{
    position:               relative;
    display:                inline;
    width:                  327px;
    height:                 auto;
    min-height:             125px;
    float:                  left;
    clear:                  left;
}

.topperverwijzingen
{
    position:               relative;
    display:                inline;
    width:                  163px;
    height:                 auto;
    float:                  left;
    min-height:             125px;
    margin-left:            10px;
    background-image:       url(../images/layout/toppervdweek_doorverwijzingbg.jpg);
    background-repeat:      repeat-y;
}

.topperbutton
{
    position:               relative;
    display:                block;
    margin:                 0px 0px 10px 15px;
}

.superwrapper
{
    position:               relative;
    display:                block;
    width:                  500px;
    height:                 auto;
    float:                  left;
    clear:                  left;
    margin-top:             10px;
    margin-bottom:          10px;
}

.superwrapper h2
{
    font-size:              14pt;
    margin-bottom:          5px;
}

.superitem
{
    position:               relative;
    display:                block;
    width:                  478px;
    height:                 auto;
    min-height:             125px;
    float:                  left;
    clear:                  left;
    padding:                10px;
    border:                 solid 1px #94B2BD;
}

.superimagewrapper
{
    position:               relative;
    display:                block;
    width:                  300px; 
    height:                 auto;
    overflow:               hidden;
    float:                  left;
    clear:                  left;
}

.superspecswrapper
{
    position:               relative;
    display:                block;
    width:                  165px; 
    height:                 auto;
    min-height:             125px;
    float:                  left;
    margin-left:            10px;
}

.supervoordeelbutton
{
    position:               relative;
    display:                block;
    float:                  left;
    clear:                  left;
    color:                  #1B54A3;
    text-decoration:        underline;
    margin-top:             10px;
    width:                  160px;
}

.nolinkimage
{
    cursor:                 default;
}

.capitalized
{
    text-transform:         capitalize;
}

.vanprijs
{
    position:               relative;
    display:                block;
    clear:                  both;
    font-weight:            bold;
    color:                  Black;
    font-size:              10pt;
}

.prijsroodgroot
{
    color:                  #dc2042;
    font-size:              16pt;
    font-weight:            bold;
    float:                  left;
}

.SocialMedia
{
    border: solid 1px #92B5BB;
    width: 198px;
    margin-top: 2px;
}

.SocialMedia span
{
            position:           relative;
            font-weight:        bold;
            font-size:          10pt;
            clear:              both;
            color:              #DC2042;
            margin-top: 3px;
            margin-left: 2px;
            width: 100%;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top;}

.barcode
{
    display:none;
}

/* Taalkeuze */
.BEkeuzeNL
{
    position:   absolute;
    top:        190px;
    left:       65px;
    height:     100px;
    width:      200px;
    cursor:     hand;
    cursor:     pointer;
}

.BEkeuzeFR
{
    position:   absolute;
    top:        190px;
    left:       300px;
    height:     100px;
    width:      200px;
    cursor:     hand;
    cursor:     pointer;
}

.bijlagelink
{
    text-decoration:none;
}

.KerstActie2009 td,
.KerstActie2009 
{
	font-size: 12px;
	background-color: #ffeeee;
	padding-top: 10px;
	padding-bottom: 10px;
}