/*
Specifieke definities
------------------------------------------------------------------------
*/
	#top,
	#bottom,
	.topnav-break,
	.push,
	.button-griepophetwerk-container,
	.sidebar-bottomstreep,
	.topnav-break{
		display: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: #333333;
		font: 11px/18px Arial;
	}
	img{
		border: 0;
	}
	p{
		margin: 0;
		padding: 0;
	}
	
	html, body{height: 100%;}	

	body{
		background:#fff;
	}
	#container{
		position:relative;
		width:993px;
		margin:20px auto; 
		margin-bottom:0px;
	}
	
	
/*
header
--------------------------------------------------------------------------- 
*/		
	#header{
		background:url(/data/stylesheetimgs/26/header-bg.gif) repeat-y;
		width:100%;
		height:153px;
		position:relative;
	}
	#header h1{
		position:absolute;
		left:28px;
		top:23px;
		width:300px;
		height:57px;
	}
	#header h1 a{
		width:300px;
		height:57px;
		display:block;
		text-decoration:none;
		background:url(/data/stylesheetimgs/26/logo-123envelop.gif);
	}
	#header h1 a span{
		visibility:hidden;
	}
	#header ul{
		position:absolute;
		width:100%;
		bottom:31px;
		left:9px;
		height:26px;
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#header ul li{
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		padding:0 15px 0 15px;
		line-height:25px;
	}
	#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;
		color:#ffffff;
	}
	#header ul li a:hover{
		text-decoration:underline;
	}
	.button-griepophetwerk-container{
		position:absolute;
		right:10px;
		top:9px;
		width:197px;
		height:72px;
		z-index:20000;
	}
	.button-griepophetwerk{
		position:absolute;
		top:0px;
		left:0px;
		width:197px;
		height:72px;
		background-image:url(/data/stylesheetimgs/26/button-griepophetwerk.png);
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/26/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:992px;
		background:url(/data/stylesheetimgs/26/content-container-bg.gif) repeat-y 0 0 #76b900;
		padding-bottom:20px;
	}
	#content{
		width:740px;
		padding:0 10px 0 20px;
		position:relative;
		display:block;
		float:left;
	}
	#content h1{
		color:#333;
		font-size:16px;
	}
	#winkelwagen #content{
		width:930px;
		padding:0 0 0 0;
		margin:0 0 0 9px;
	}
	#content h2{
		color:#76b900;
		border-bottom:solid 1px #ccc;
		margin-bottom:10px;
		font-size:14px;
	}	
	#kruimelpad{
		margin:0 0 25px 0;
		height:18px;
		width:100%;
		position:relative;
	}
	#winkelwagen #kruimelpad{
		margin-left:213px;
		width:750px;
	}
	#kruimelpad a,
	#kruimelpad a:hover{
		font-weight:bold;
		color:#999;
		text-decoration:none;
	}
	#kruimelpad a:hover{
		text-decoration:underline;
	}	
	.productkaart{
		width:138px;
		height:200px;
		background-image:url(/data/stylesheetimgs/26/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 .productkaarttitel{
		
	}
	.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;
	}
	.productkaart H3 a:hover{
		text-decoration:underline;
	}
	.productkaart a.butInfo{
		position:absolute;
		top:138px;
		left:101px;
		width:14px;
		height:13px;
		background-image:url(/data/stylesheetimgs/26/but-info.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		line-height:5px;
		font-size:5px;
	}
	.productkaart a.butPrijzen{
		position:absolute;
		top:138px;
		left:118px;
		width:14px;
		height:13px;
		background-image:url(/data/stylesheetimgs/26/but-prijzen.gif);
		background-repeat:no-repeat;
		text-decoration:none;
		line-height:5px;
		font-size:5px;
	}
	.productkaart a:hover{
		background-position:0 -13px;
	}	
	.productkaart a span{
		visibility:hidden;
		
	}	
	.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:#d2d2d2;
		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:2px 5px 3px 5px;
		border: 1px solid #171F23;
		background: url(/data/stylesheetimgs/26/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/26/but-verwijderen.gif);
		text-indent:-9999px;
		margin:3px 0 0 5px;
		padding:0;
		line-height:12px;
	}
	table.productoverzicht tr.spacer td{
		border-bottom:solid 1px #96c93b;
	}
	td.productoverzicht-container{

	}
	table.productoverzicht{
		width:192px;
	}
	table.productoverzicht td{
		color:#fff;
	}
	table.productoverzicht td.productnaam{
		font-size:11px;
		line-height:15px;
		color:#fff;
		font-weight:bold;
	}
	table.productoverzicht td.label{
		font-weight:bold;
		padding-right:5px;
		padding-left:2px;
	}
	table.productoverzicht td.detail{
		line-height:11px;
	}
	td.visual_border{
		background:none !important;
		color:#fff;
	}
	div.stappen-container{
		padding:10px 0 0 0;
		width:192px;	
	}
	p.stap-nietactive,
	p.stap-active{
		border-bottom:solid 1px #96c93b;
		padding:15px 5px 15px 10px;
		line-height:14px;
	}
	p.stap-nietactive{
		color:#b4d973;
	}
	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;
		width:730px;
		
	}
	a.button-winkelwagen,
	a.button-winkelwagen:hover{
		position:absolute;
		top:129px;
		left:25px;
		font-weight:bold;
		text-decoration:none;
		color:#fff;
		background:url(/data/stylesheetimgs/26/winkelwagen-icon.gif) no-repeat;
		padding-left:20px;
	}
	
	a.button-winkelwagen:hover{
		text-decoration:underline;
	}

	
	
/*
sidebar
--------------------------------------------------------------------------- 
*/		
	#sidebar{
		width:200px;
		position:relative;
		display:block;
		float:left;
	}
	
	#sidebar ul{
		margin:33px 0 0 9px;
		padding:0;
		list-style-type:none;
		width:192px;
	}
	#winkelwagen #sidebar ul{
		margin-top:0px;
	}
	#sidebar ul li{
		margin:0;
		padding:0;
		list-style-type:none;
		width:192px;
		border-bottom:solid 1px #96c93b;
	}
	#sidebar ul li.actief{
		background:#fff;
	}
	#sidebar ul li a,
	#sidebar ul li a:hover{
		color:#fff;
		text-decoration:none;
		font-size:12px;
		background:url(/data/stylesheetimgs/26/hoofdnav-item-bullet.gif) no-repeat 9px 11px;
		padding: 5px 0 5px 19px;
		display:block;
		font-weight:bold;				
	}
	#sidebar ul li a:hover{
		text-decoration:underline;
	}
	#sidebar ul li.actief a,
	#sidebar ul li.actief a:hover{
		color:#76b900;
		background:url(/data/stylesheetimgs/26/hoofdnav-item-bullet-actief.gif) no-repeat 9px 11px;
		text-decoration:underline;
	}	
	#sidebar ul li ul{
		width:192px;
		background:#fff;
		padding:0px 0 0px 0;
		margin:0px 0 0px 0px;
	}
	#sidebar ul li ul li{
		background:none;
		text-align:left;
		border-top:solid 1px #e8e8e8;
		border-bottom:0px;
		padding: 5px 0 5px 19px;
		width:173px;
	}
	#sidebar ul li ul li a,
	#sidebar ul li ul li a:hover{
		padding:0 0 0 0px;
		line-height:14px;
		color:#8c8e8f;
		font-size:11px;		
		font-weight:normal;
	}
	#sidebar ul li.actief ul li a,
	#sidebar ul li.actief ul li a:hover{
		background:none;
		text-decoration:none;
	}
	#sidebar ul li ul li a:hover{
		text-decoration:underline;
	}
	.sidebarempty{
		height:10px;
	}
	.ordertrajectspacer{
	width:20px !important
	}
	
/*
footer
--------------------------------------------------------------------------- 
*/		
	#footer{
		width:960px;
		height:25px;
		position:relative;
		margin:0 auto;
		padding:0 10px 0 10px;
		
	}
	#footer a{
		color:#999;
		line-height:25px;
	}
	
	
	
	
	
	
		
	
/*
contentfooter
--------------------------------------------------------------------------- 
*/

#contentfooter{
	width:100%;
	background:url(/data/stylesheetimgs/26/footer-bg.gif) 0 bottom;
	padding-bottom:30px;
}
#contentfooter #balk{
	width:100%;
	height:22px;
	background:url(/data/stylesheetimgs/26/footer-balk-bg.gif) 0 bottom;	
}
#contentfooter-content{
	width:959px;
	padding:0 17px 0 17px;
	margin:10px 0 10px 0;
}
#contentfooter-iconen{
	width:100%;
	height:40px;
	position:relative;
}
#contentfooter-iconen ul{
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	bottom:0px;
	left:30px;
}
#contentfooter-iconen ul li{
	margin:0 5px;
	padding:0;
	list-style-type:none;
	float:left;
}

#contentfooter-iconen #keurmerk{
	position:absolute;
	bottom:0px;
	right:30px;
	/*background:url(/data/stylesheetimgs/26/webshop-keurmerk.gif);*/
}

#contentfooter-iconen #keurmerk ul
{
	list-style: none;	
	margin: 0;
	padding: 0
}

#contentfooter-iconen #keurmerk li
{
	display: block;
	float: left;
	margin: 0 5px;
}

#contentfooter-content ul,
#contentfooter-content ul li{	
	margin:0 10px 0 0px;
	padding:0;
	list-style-type:none;
}
#contentfooter-content ul{
	float:left;
	width:148px;
}

#contentfooter-content ul li{
	padding-left:15px;
	line-height:14px;
}
#contentfooter-content ul li.kop,
#contentfooter-content ul li.kop a{
	font-weight:bold;
	background:url(/data/stylesheetimgs/26/footer-list-bg.png) 0 3px #76b900;
	line-height:18px;
	color:#76b900;
	text-decoration: none;
}
#contentfooter-content ul li.kop a
{
	background: none;
}

#contentfooter-content ul li.kop a:hover
{
	text-decoration: underline;
}







#zoek-container{
	width:452px;
	height:25px;
	position:absolute;
	top:123px;
	left:272px;
	z-index:10;
}
#zoek-container span{
	height:25px;
	width:6px;
	display:block;
	float:left;
	background:url(/data/stylesheetimgs/26/zoek-rechts.gif);
}
#zoek-container input{
	height:19px;
	width:361px;
	float:left;
	border:0px;
	background:url(/data/stylesheetimgs/26/zoek-input-bg.gif);
	padding-top:4px;
}
#zoek-container a,
#zoek-container a:hover{
	display:block;
	float:left;
	width:81px;
	height:25px;
	background:url(/data/stylesheetimgs/26/but-zoek.png) #76b900;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:27px;
	text-decoration:none;
}
#zoek-container a:hover{
	text-decoration:underline;
}

/* BANNER RECHTSBOVEN */
#banner {
        position: absolute;
        right: 35px;
        top: 25px;
}

/* Social media buttons */
.social_media{display:none;}