/*
Specifieke definities
------------------------------------------------------------------------
*/
	#top{
		display:none;
	}
	#bottom{
		display:none;
	}
	.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;}
/* 
*/	







.footer, .push {
	height: 25px; /* .push must be the same height as .footer */
}




/*
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: #696969;
		font: 11px/18px Arial;
	}
	img{
		border: 0;
	}
	p{
		margin: 0;
		padding: 0;
	}
	
	html, body{height: 100%;}	

	body{
		background:#ccc;
	}
	#container{
		position:relative;
		width:980px;
		margin:0px auto;
		background:#fff;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
	}
	
	
/*
header
--------------------------------------------------------------------------- 
*/		
	#header{
		width:100%;
		height:130px;
		position:relative;
	}
	#header h1{
		position:absolute;
		left:18px;
		top:12px;
		width:550px;
		height:67px;
	}
	#header h1 a{
		width:550px;
		height:67px;
		display:block;
		text-decoration:none;
	}
	#header h1 a span{
		visibility:hidden;
	}
	#header ul{
		position:absolute;
		width:100%;
		bottom:10px;
		left:0px;
		height:26px;
		margin:0;
		padding:0;
		list-style-type:none;
		background:#8c8e8f;
		color:#666666;
	}
	#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;
		display:none;
	}
	.button-griepophetwerk{
		position:absolute;
		top:0px;
		left:0px;
		width:197px;
		height:72px;
		background-image:url(/data/stylesheetimgs/8/button-griepophetwerk.png);
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/stylesheetimgs/8/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/8/content-container-bg.gif) repeat-y 0 0 #8c8e8f;
		padding-bottom:20px;
	}
	#content{
		width:740px;
		padding:0 10px 0 20px;
		position:relative;
		display:block;
		float:left;
	}
	#winkelwagen #content{
		width:930px;
	}
	#content h2{
		color:#8c8e8f;
		border-bottom:solid 1px #ccc;
		margin-bottom:10px;
		font-size:14px;
	}	
	#kruimelpad{
		margin:0 0 20px 0;
		width:100%;
		position:relative;
	}
	#winkelwagen #kruimelpad{
		margin-left:185px;
		width:750px;
	}
	#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/8/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;
		color:#696969;
	}
	.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/8/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/8/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:#696969;
		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/8/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/8/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{
		width:179px;
	}
	table.productoverzicht td.productnaam{
		font-size:11px;
		line-height:15px;
		color:#696969;
		font-weight:bold;
	}
	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;
		width:730px;
		
	}
	a.button-winkelwagen,
	a.button-winkelwagen:hover{
		position:absolute;
		top:97px;
		right:10px;
		font-weight:bold;
		text-decoration:none;
		color:#fff
	}
	a.button-winkelwagen:hover{
		text-decoration:underline;
	}

	
	
/*
sidebar
--------------------------------------------------------------------------- 
*/		
	#sidebar{
		width:200px;
		position:relative;
		display:block;
		float:left;
	}
	
	#sidebar ul{
		margin:57px 0 0 0;
		padding:0;
		list-style-type:none;
		width:190px;
	}
	#winkelwagen #sidebar ul{
		margin-top:0px;
	}
	#sidebar ul li{
		margin:0;
		padding:0;
		list-style-type:none;
		text-align:right;
	}
	#sidebar ul li a,
	#sidebar ul li a:hover{
		color:#8c8e8f;
		text-decoration:none;
		font-size:12px;
		background:url(/data/stylesheetimgs/8/sidebar-bg.gif) right -2px no-repeat #8c8e8f;
		padding:0 15px 0 0;
		line-height:18px;
	}
	#sidebar ul li a:hover{
		text-decoration:underline;
	}
	#sidebar ul li ul{
		width:180px;
		background:#fff;
		padding:10px 0 10px 0;
		margin:0px 0 5px 10px;
		border-top:solid 1px #8c8e8f;
		border-bottom:solid 1px #8c8e8f;
	}
	#sidebar ul li ul li{
		background:none;
		text-align:left;
	}
	#sidebar ul li ul li a,
	#sidebar ul li ul li a:hover{
		background:none;
		padding:0 0 0 10px;
		line-height:14px;
		color:#8c8e8f;
		font-size:11px;
	}
	#sidebar ul li ul li a:hover{
		text-decoration:underline;
	}
	.sidebarempty{
		height:10px;
	}
	
	
/*
footer
--------------------------------------------------------------------------- 
*/		
	#footer{
		width:960px;
		height:25px;
		position:relative;
		background:#8c8e8f;
		margin:0 auto;
		padding:0 10px 0 10px;
		
	}
	#footer a{
		color:#fff;
		line-height:25px;
	}



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

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