/*
Specifieke definities
------------------------------------------------------------------------
*/

	.push{
		visibility:none;
	}




	
	
/*
Float Fix
--------------------------------------------------------------------------- 
*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* 
*/	






/*
Globale layout
--------------------------------------------------------------------------- 
*/
	
	html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
		margin: 0;
		padding: 0;
	}
	a, a:hover{
		color: #000000;
	}
	a:hover{
		text-decoration: none;
	}
	body, textarea, input{
		color: #000000;
		font: 11px/18px Arial;
	}
	img{
		border: 0;
	}
	p{
		margin: 0;
		padding: 0;
	}
	
	#container{
		position:relative;
		width:992px;
		margin:10px auto;
		background-color:;
		background:#bbbbbb;
	}
	#top{
		margin:0px auto;
		position:relative;
		width:992px;
		height:24px;
		background:url(/data/stylesheetimgs/1/top.png) no-repeat 0 0;
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/1/top.png');
	}
	#bottom{
		margin:0px auto;
		position:relative;
		width:992px;
		height:38px;
		background:url(/data/stylesheetimgs/1/bottom.png) no-repeat 0 0;
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/1/bottom.png');
	}

/*
header
--------------------------------------------------------------------------- 
*/	
	#header{
		width:100%;
		height:100px;
		background:url(/data/stylesheetimgs/1/content-container-bg.gif) repeat-y 0 0;
	}
	#header h1{
		position:absolute;
		left:28px;
		top:24px;
		width:320px;
		height:58px;
	}
	#header h1 a{
		width:320px;
		height:58px;
		display:block;
		text-decoration:none;
	}
	#header h1 a span{
		visibility:hidden;
	}
	#header ul{
		position:absolute;
		top:25px;
		left:368px;
		height:54px;
		width:360px;
		margin:0;
		padding:0 0 0 17px;
		list-style-type:none;
		border-left:solid 2px #bbbbbb;
		color:#666666;
	}
	.topnav-break{
		display:none;
	}
	#header ul li{
		margin:0;
		list-style-type:none;
		float:left;
		padding:0 15px 0 3px;
		background:url(/data/stylesheetimgs/1/topnav-bullet.gif) repeat-y right 0 #bbbbbb;
	}
	#header ul li first{
	}
	#header ul li last{
	}
	#header ul li a,
	#header ul li a:hover{
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}
	#header ul li a:hover{
		text-decoration:underline;
	}
	
	.button-griepophetwerk-container{
		position:absolute;
		right:28px;
		top:29px;
		width:197px;
		height:72px;
		z-index:20000;
		display:none;
	}
	.button-griepophetwerk{
		position:absolute;
		top:0px;
		left:0px;
		width:197px;
		height:72px;
		background-image:url(/data/stylesheetimgs/1/button-griepophetwerk.png);
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/1/button-griepophetwerk.png');
		z-index:9;
	}
	.button-griepophetwerk-container a{
		position:absolute;
		top:0px;
		left:0px;
		display:block;
		width:197px;
		height:72px;
		z-index:10;
		text-decoration:none;
	}
	.button-griepophetwerk-container a span{
		visibility:hidden;
	}	
	
/*
content
--------------------------------------------------------------------------- 
*/		
	#content-container{
		width:100%;
		background:url(/data/stylesheetimgs/1/content-container-bg.gif) repeat-y 0 0;
	}
	#content{
		width:714px;
		padding:0 10px 0 30px;
		_padding:0 5px 0 30px;
		position:relative;
		display:block;
	}
	#content h1{
		font-size:14px;
	}
	#content h2{
		color:#bbbbbb;
		font-size:18px;

	}
	#kruimelpad{
		margin:0 0 0 0;
		height:35px;
		width:100%;
		position:relative;
	}
	#kruimelpad a,
	#kruimelpad a:hover{
		font-weight:bold;
		color:#666666;
		text-decoration:none;
	}
	#kruimelpad a:hover{
		text-decoration:underline;
	}
	.productkaart{
		width:138px;
		height:200px;
		background-image:url(/data/stylesheetimgs/1/productkaart-bg.gif);
		float:left;
		margin:0 0 10px 0;
		position:relative;
	}
	.productkaart .productkaartvisual{
		position:absolute;
		top:5px;
		left:7px;
		width:124px;
		height:124px;
		overflow:hidden;
	}
	.productkaart h3{
		position:absolute;
		top:138px;
		left:8px;
		width:85px;
	}
	.productkaart h3 a,
	.productkaart h3 a:hover{
		font-size:11px;
		font-weight:bold;
		line-height:11px;
		text-decoration:none;
		color:#bbbbbb;
	}
	.productkaart H3 a:hover{
		text-decoration:underline;
	}
	.productkaart a.butInfo{
		position:absolute;
		top:138px;
		left:101px;
		width:31px;
		height:13px;
		background-image:url(/data/stylesheetimgs/1/but-info.gif);
		background-repeat:no-repeat;
	}
	.productkaart a.butPrijzen{
		position:absolute;
		top:138px;
		left:118px;
		width:31px;
		height:13px;
		background-image:url(/data/stylesheetimgs/1/but-prijzen.gif);
		background-repeat:no-repeat;
	}
	.productkaart a:hover{
		background-position:0 -13px;
	}	
	.productkaart a span{
		visibility:hidden;
		font-size:0px;
		line-height:0px;
	}
	.staffeltable, .staffeltable tr, .staffeltable tr td, .staffeltable tr th{
		border-collapse:collapse;
		border:solid 1px #999;
	}
	th.uitlijning-rechts{
		text-align:right !important;
	}
	tr.kop th{
		background-color:#bbbbbb;
		font-weight:bold;
		color:#000;
		line-height:25px;
		text-align:left;
		padding-left:3px;
	}
	tr.productregel td{
		border-bottom:solid 1px #ccc;
	}
	tr.productregel{
		line-height:14px;
	}
	tr.productregel td{
		padding:7px 0 9px 0;
	}
	tr.totaal,
	tr.eindtotaal{
		background-color:#f1f1f1;
		line-height:25px;
	}
	tr.eindtotaal td{
		border-bottom:solid 1px #ccc;
	}
	a.button,
	a.button:hover{
		padding:3px 5px 2px 5px;
		border: 1px solid #171F23;
		background: url(/data/stylesheetimgs/1/button-bg.gif) 0 0 repeat-x;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	a.button:hover{
		background-position:0 -19px;
	}
	a.butverwijderen,
	a.butverwijderen:hover{
		display:block;
		width:11px;
		height:12px;
		background-image:url(/data/stylesheetimgs/1/but-verwijderen.gif);
		text-indent:-9999px;
		margin:3px 0 0 5px;
		padding:0;
		line-height:12px;
	}
	table.productoverzicht tr.spacer td{
		border-top:solid 1px #d2d2d2;
	}
	td.productoverzicht-container{
		background-color:#f2f2f2;
	}
	table.productoverzicht td.productnaam{
		font-size:12px;
		line-height:15px;
		color:#bbbbbb;
		font-weight:bold;
	}
	table.productoverzicht td.productnaam ul{
		list-style-type:square;
		padding:0 0 0 18px;
	}
	table.productoverzicht td.label{
		font-weight:bold;
		padding-right:5px;
		padding-left:2px;
	}
	table.productoverzicht td.detail{
		line-height:11px;
	}
	div.stappen-container{
		background-color:#f2f2f2;
		padding:10px 0 0 0;
		width:179px;	
	}
	p.stap-nietactive,
	p.stap-active{
		border-bottom:solid 1px #d2d2d2;
		padding:15px 5px 15px 10px;
		line-height:14px;
	}
	p.stap-nietactive{
		color:#b4b4b4;
	}
	table.form input{ 
		border-top:solid 1px #808080;
		border-left:solid 1px #808080;
		border-right:solid 1px #d4d0c8;
		border-bottom:solid 1px #d4d0c8;
		line-height:14px;
		height:16px;
		margin-bottom:2px;
	}
	table.form td.label{
		text-align:right;
		padding-right:5px;
	}
	input.no-border{
		border:0px !important;
	}
	.foutmelding{
		font-weight:bold;
		color:#ff0000;
	}
	h2.ordertraject{
		border-bottom:solid 1px #ccc;
		margin-bottom:10px;
	}
	a.button-winkelwagen,
	a.button-winkelwagen:hover{
		position:absolute;
		top:82px;
		left:31px;
		font-weight:bold;
		text-decoration:none;
	}
	a.button-winkelwagen:hover{
		text-decoration:underline;
	}
	
	
	
	
	
	
/*
sidebar
--------------------------------------------------------------------------- 
*/		
	#sidebar{
		width:238px;
		position:relative;
		display:block;
		float:right;
	}
	#sidebar ul{
		margin:0;
		padding:0;
		list-style-type:none;
		width:223px;
	}
	#sidebar ul li{
		margin:0;
		padding:0;
		list-style-type:none;
		background:url(/data/stylesheetimgs/1/hoofdnav-item-bg.png) 0 0 no-repeat;
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/1/hoofdnav-item-bg.png');
		line-height:31px;
		_height:31px;
	}
	#sidebar ul li a,
	#sidebar ul li a:hover{
		color:#fff;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		background:url(/data/stylesheetimgs/1/hoofdnavigatie-bullet.gif) 10px 14px no-repeat;
		padding:0 0 0 25px;
		line-height:31px;
		width:197px;
		display:block;
		position:relative;
	}
	#sidebar ul li a:hover{
		text-decoration:underline;
	}
	#sidebar ul li ul{
		width:223px;
		background:#fff;
		padding:10px 0 10px 0;
	}
	#sidebar ul li ul li{
		background:none;
	}
	#sidebar ul li ul li a,
	#sidebar ul li ul li a:hover{
		background:none;
		padding:0 0 0 25px;
		line-height:15px;
		color:#bbbbbb;
		font-size:11px;
		
	}
	#sidebar ul li ul li a:hover{
		text-decoration:underline;
	}
	#sidebar li.sidebar-bottomstreep{
		width:223px;
		height:2px;
		background:url(/data/stylesheetimgs/1/hoofdnav-bottomstreep.png) 0 0 no-repeat;
		line-height:2px;
		font-size:2px;
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/1/hoofdnav-bottomstreep.png');				
	}
	#winkelwagen li.sidebar-bottomstreep{
		visibility:hidden;
	}

	
/*
footer
--------------------------------------------------------------------------- 
*/		
	#footer{
		width:920px;
		height:50px;
		position:relative;
		background:#fff;
		margin:0 auto;
	}
	

	div#sidebar ul ul li{
		background:url(/img/sub-bg.gif) #bbbbbb -2px -5px;
	}
	


/*
=======================================================================
CSS voor uitzetten code 3e schil - per 22-06-2010
*/
#zoek-container,
#contentfooter{
display:none;
}
/*
=======================================================================
*/