﻿/* lay-out */
html 
{
	height:100%;

}

body {
	height:100%;
	margin:0px 0px 0px 0px;
	text-align : center;
	background-color: #fff;
	margin:0px 0px 0px 0px;
	background-image: url(/images/wijnwinkel/back_body.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;

}
	#canvas0 {
		position : relative;
		width : 992px;
		text-align : left;
		margin-left : auto;
		margin-right : auto;
		background-color:#ffffff;
	}
	
	#metamenu
	{
		float:left;
		width:100%;
		height:36px;
		background-color:Black;
		background-image:url(/images/wijnwinkel/back_metamenu.gif);
		background-repeat:repeat-x;
		text-align:right;
		color:#fff;
	}
	
	#metamenupadding
	{
	    padding:10px 12px 0px 0px;
	}
	

	#header
	{
		float:left;
		width:100%;
		height:96px;
		background-color:#424242;
		background-image:url(/images/wijnwinkel/back_header.gif);
		background-repeat:repeat-x;
	}
	
		#header img
		{
			float:left;
		}
		
		#headerleft
		{
			float:left;
			width:535px;
		}
		
		#headerright
		{
			float:left;
			width:457px;
		}
		
             #shoppingcart
             {
                float:right;
                background-image:url(/images/wijnwinkel/back_shoppingcart.gif);
                background-repeat:no-repeat;
                width:257px;
                height:78px;
                margin:6px 5px 0px 0px;
             }
		 
	     #headerviewer
	     {
	        float:left;
	        width:100%;
	        height:210px;
	        background-color:#e9e9e8;
	     }
	        
	        #headerviewervisual
	        {
	            float:left;
	            width:590px;
	            height:209px;
	            border-bottom:solid 1px #fff;
	        }
	        
	        #headerviewermenu
	        {
    	        float:left;
    	        height:209px;
	            width:182px;
	        }
	        
	        #headerviewerbuttons
	        {
	            position:relative;
	            left:-12px;
    	        height:209px;
	            width:194px;
	            z-index:100;
	        }
	        
        	        
	        
	        #headerviewerbasket
	        {
	            float:left;
	            height:209px;
	            width:220px;
	            border-bottom:solid 1px #fff;
	        }
	        
	    #menu
	    {
	        float:left;
	        width:100%;
	        height:46px;
	        background-color:#e9e9e8;
            background-image:url(/images/wijnwinkel/back_menu.gif);
            background-repeat:repeat-x;	        
	    }
	    
	    #search{
            float:right;
            width:220px;
            height:46px;
            background-color:#bfbfbf;
            background-image:url(/images/wijnwinkel/back_search.gif);
            background-repeat:repeat-x;
	    }
	    
	    #searchpadding
	    {
	        padding:3px 4px 0px 0px;
	    }	    

    #content
    {
        float:left;
        width:100%;
        margin-top:18px;
        margin-bottom:18px;
    }
    
	    #left
	    {
		    float:left;
		    width:204px;
		    background-image:url(/images/wijnwinkel/back_navigator.gif);
		    background-repeat:no-repeat;
	    }
		    #leftpadding
		    {
			    padding:0px 0px 0px 8px;
		    }
    	
	    #centerbig
	    {
		    float:left;
		    width:788px;
		    line-height:16px;


	    }
    	
	    #center
	    {
		    float:left;
		    width:568px;
		    line-height:16px;

	    }
		    #centerpadding
		    {
			    padding:0px 12px 0px 5px;
		    }
    		
    		
	    #right
	    {
		    float:left;
            width:220px;
	    }
	
        
        

	#footer
	{
		float:left;
		width:992px;
		background-color:#ffffff;
		color:#565656;
	}	
	
		#footer1
		{
			float:left;
			width:100%;
			height:107px;
			margin-bottom:18px;
		    background-image:url(/images/wijnwinkel/back_footer1.gif);
		    background-repeat:no-repeat;
		}
		
		.footer1padded
		{
		    padding:12px 12px 12px 12px;
		}
		
		#footer2
		{
			float:left;
			width:100%;
			height:116px;
		    background-image:url(/images/wijnwinkel/back_footer2.gif);
		    background-repeat:no-repeat;
		}
		
		#footer2padding
		{
		    padding:24px 24px 24px 24px;
		}
	 
	.paddingright
	{
		padding:10px 10px 10px 10px;
	}
	
	.paddingleft
	{
		padding:10px 10px 10px 18px;
	}
	

	.clear {
		clear : both;
	}	


	 .blockpadding
	 {
		padding:5px 15px 0px 15px;
	 }
	 		
	 .standardpadding
	 {
		padding:5px 5px 5px 10px;
	 }	
	 
	 
	#mappanel
	{
		float:left;
		position:absolute;
		width: 550px;
		height:600px;
		/*z-index:4;*/
		background-color:#ccd700;
		border:solid 1px #ccd700;
		padding:0px 0px 0px 0px;
	}
	
	 #mappanelpadding
	 {
		padding:5px 5px 5px 10px;
	 }	 	
	 
	
/* Focus items	
---------------------------------------------------------------- */
ul.focusitems
{
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}

ul.focusitems li
{
    float:left;
    list-style-type : none;
    width:247px;
    height:267px;
    background:url(/images/wijnwinkel/back_li_focus.gif);
    background-repeat:no-repeat;
    margin:0px 13px 13px 0px;
    border:solid 1px #dfdfde;
    cursor:pointer;
}

ul.focusitems li:hover
{
    border:solid 1px #8dc847;
}

ul.focusitems li h3
{
    color:#5bb30d;
}

ul.focusitems li .focustitle
{
    float:left;
    height:24px;
    width:100%;
    padding:10px 17px 0px 17px;
}

ul.focusitems li .focusvisual
{
    float:left;
    height:108px;
    width:100%;
    padding:0px 17px 0px 17px;
}

ul.focusitems li .focuscontent
{
    float:left;
    height:90px;
    width:213px;
    padding:5px 17px 2px 17px;
    color:#898686;
}

ul.focusitems li .focusprice
{
    float:right;
    height:23px;
    width:68px;
    background:#8dc847;
    color:#fff;
    font-size:18px;
    padding:4px 2px 0px 7px;
    text-align:center;
}

/* End Focus items 
-----------------------------------------------------------------*/	 
	 
/*Wijn abo*/	 
#leftblock
{
    float:left;
    width:440px;
    min-height:600px;
    background:url(/images/back_wijnabo.jpg);
    margin-right:8px;
}

    #leftblock p
    {
        line-height:18px;
    }
    
    #leftblock h1
    {
        color:#000;
        font-size:30px;
        margin-bottom:30px;
    }

    #leftblock h2
    {
        color:#440b83;
        font-size:25px;
        font-weight:normal;
        margin:3px 0px 3px 0px;
    }


    #leftblock h2.fixed
    {
        color:#440b83;
        font-size:25px;
        font-weight:normal;
        line-height:24px;
        width:270px;
    }

    #leftblock h3
    {
        color:#a0a80b;
		font-size: 120%;
		font-weight : bold;
		margin: 2px 0px 3px 0px;
		margin:3px 0px 5px 0px;
    }

#rightblock
{
    float:left;
    width:310px;
}

.wijnaboblock
{
    float:left;
    width:269px;
    border-right:solid 32px #ccd700;
    background:#ebebeb;
    margin-bottom:20px;
}

.startbutton
{
    background:#e6ba09;
    border:none;
    font-weight:bold;
    background:url(/images/btnwijnabo.gif);
    height:30px;
    width:215px;
    text-align:center;
    cursor:pointer;
}

.startbutton:hover
{
    background:url(/images/btnwijnabo_on.gif);
}

/*End wijnabo*/
	 