*			{margin: 0; padding: 0; font-family: Arial;}

hr
{
color: #000;
background-color: #000;
height: 1px;
width: 100%;
}

/* BEGIN DESKTOPVARIANT */
@media (min-width: 451px)
{
	body
	{
	text-align: center;
	background: #F6F6F6;
	font-family: Trebuchet MS;
	font-size: 12pt;
	color: #333;
	font-weight:normal;
	background: url(/skins/template10/images/NSCbg.png);
	}

	.tweekolommen
	{
		display: grid; grid-gap:5px; grid-template-columns: 50% 50%;
	}
	
	.driekolommen
	{
		display: grid; grid-gap:5px; grid-template-columns: 33% 33% 33%;
	}

	A[href$='.pdf'] {
	LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/pdf-trans.png) no-repeat left center
	}
	a[href$='.pdf'].nologo {
	DISPLAY: inline-block; padding-left: 0; BACKGROUND: url(/skins/template10/images/doorzichtig.gif) no-repeat left center
	}
	A[href$='.xls'] {
	LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/xls-trans.png) no-repeat left center
	}
	A[href$='.xlsx'] {
	LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/xls-trans.png) no-repeat left center
	}

	#headerlogo
	{
		display: block;
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 300;
	}
	
	#headernaam
	{
		display: block;
		position: absolute;
		left: 334px;
		top: 71px;
		z-index: 300;
	}
	
	#topbalk
	{
		position: absolute;
		height: 171px;
		width: 100%;
		left: 0;
		background: url(/skins/template10/images/NSCheaderbg.png);
		background-repeat: repeat-x;
		border-bottom: 1px solid #333;
		z-index: 1;
	}

	#topfoto
	{
	background: none repeat scroll 0 0 #222222;
	height: 249px;
	left: 0;
	position: absolute;
	top: 60px;
	width: 100%;
	z-index: 15;
	text-align:center;
	display: none;
	}

	/*topfoto - banner*/
	.cyclebanner
	{
		height: 249px; width: 100%; margin: auto; overflow:hidden; z-index:14; display: inline-block;
	}
	.cyclebanner img {
	border:none;
	padding:0;
	margin:0;
	border-radius: 0px;
	object-fit: cover;
	width: 100%;
	}		
				
	#wrapper
	{
	text-align:left;
	margin:0 auto;
	width: 1200px;
	min-height: 700px;
	position: relative;
	top: 0px;
	}

	#header
	{ 
	height: 50px;
	left: 0;
	position: relative;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 2;
	}
	
	#headermobiel
	{
	display: none;
	}

	#content
	{
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	font-family: Trebuchet MS;
	min-height: calc(100vh - 300px);
	padding: 0 0 60px 0;
	position: absolute;
	top: 172px;
	text-align: left;
	width: 1200px;
	}
			
	#content2
	{
	min-height: 300px;
	width: 380px;
	float: right;
	padding: 20px 20px 20px 0;
	}
	
	#content2:empty
	{
		width: 0px;
		float: right;
		padding: 0;
		display: none;
	}
	
	#content1
	{
	min-height: 300px;
	width: 760px;
	float: right;
	padding: 20px;  
	}			
	
	#content2:empty + #content1
	{
	width: 1160px !important;
	float: left !important;
	}

	#menuframe
	{
	height: 45px;
	left: 190px;
	top: 120px;
	position: relative;
	text-align: center;
	width: 1000px;
	z-index: 3;
	}

	/* MENU 1*/
	#menu1
	{
	height:27px;
	position:relative;
	z-index:100;
	display: inline-block;
	text-align: center; 
	top: 5px;
	}

	#menu1 level1.ul
	{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 26px;
	}

	#menu1 ul li
	{
	display: block;
	float: left;
	line-height: 26px;
	margin: 0 2px;
	position: relative; 
	padding: 0 2px;
	}

	#menu1 ul li.level1:hover
	{
	}
				
	#menu1 a.level1:link, #menu1 a.level1:visited
	{
	display:block;
	font-family: arial,sans-serif;
	font-size:11pt;
	font-weight:normal;
	line-height:26px;
	text-decoration:none;
	height: 34px;
	padding:5px 15px 0;
	color: #000;
	position: relative;
	}

	#menu1 a.level1:hover, #menu1 a.level1:active
	{
	color: #4d7db3;
	}
				
	#menu1 ul li.level1.active, #menu1 ul li.level1.hasactivesub
	{
	position: relative;
	}

	#menu1 ul li.level1.active:hover, #menu1 ul li.hasactivesub:hover
	{
	border: 0;
	}
				
	#menu1 ul li.hassub
	{
	}

	#menu1 ul li.hassub:hover
	{
	}
				
	#menu1 ul li.hassubactive
	{ 
	}			

	#menu1 ul li.hassubactive:hover
	{
	}			

	#menu1  a.level1.active, #menu1  a.level1.hasactivesub
	{
	background: none repeat scroll 0 0 #4d7db3;
	border-radius: 4px;
	color: #FFF;
	height: 30px;
	z-index: 1010;
	box-shadow: 1px 2px 4px #AAA;
	}

	#menu1  a.level1.active.hassub, #menu1  a.level1.hassub
	{
	/*background: url(./images/menuarrowdown.png) no-repeat right 10px;*/
	padding: 5px 4px 0 15px;
	}
				
	#menu1  a.level1.active.hassub:after, #menu1  a.level1.hassub:after
	{
	font-size: 8pt; 
	content: "  \25BC";
	}

	#menu1 ul li ul
	{
	display:none;
	}

	#menu1 ul li.active:hover ul, #menu1 ul li.hasactivesub:hover ul
	{
	left: 9px;
	}

	#menu1 ul li:hover ul
	{
	display:block;
	position: absolute;
	left:0;
	top:35px;
	left: 10px;
	z-index:97;
	border: solid #BBBBBB;
	border-width: 1px;
	z-index: 1005;
	}

	#menu1 ul li.active ul, #menu1 ul li.hasactivesub ul
	{
	}

	#menu1 ul li.active:hover ul, #menu1 ul li.hasactivesub:hover ul
	{
	}	

	#menu1 li.level2, #menu1 li.level2.active
	{
	display:block;
	padding: 0;
	margin: 0;
	float: none;
	z-index:97;
	position: relative;
	min-width: 130px; 
	background: none;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #BBB;
	white-space: nowrap;
	}
				
	#menu1 li.level2:hover
	{
	}		
				
	#menu1 a.level2:link, #menu1 a.level2:visited, #menu1 a.level2.active:link, #menu1 a.level2.active:visited
	{
	display:block;
	font-family:arial,sans-serif;
	font-size: 10pt; 
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height:26px;
	background: none repeat scroll 0 0 #DDD;
	padding: 0 10px;
	}

	#menu1 a.level2:hover, #menu1 a.level2.active:link, #menu1 a.level2.active:visited, #menu1 a.level2.active:hover
	{
	color: #4d7db3;
	background: none repeat scroll 0 0 #EEE;
	}

	/*einde menu1*/

	#footer
	{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 69px;
	background: url(/skins/template10/images/NSCgolfje.png);
	background-position: bottom;
	z-index: 200;
	}

	#footer p
	{
	color:#FFF;
	font-size:0.8em;
	text-align:center;
	text-decoration:none;
	line-height: 2.8;
	}

	#footer p a:link, #footer p a:visited{color: #FFF; text-decoration: none;}
	#footer p a:hover, #footer p a:active{color: #DDD; text-decoration: none;}

	.newspaper
	{
	-moz-column-count: 3; /* Firefox */
	-webkit-column-count: 3; /* Safari and Chrome */
	column-count: 3;

	-moz-column-gap: 40px; /* Firefox */
	-webkit-column-gap: 40px; /* Safari and Chrome */
	column-gap: 40px;

	-moz-column-rule: 3px outset #FFCC00; /* Firefox */
	-webkit-column-rule: 3px outset #FFCC00; /* Safari and Chrome */
	column-rule: 3px outset #FFCC00;
	}
	
	#addbasketmelding
	{
	background: none repeat scroll 0 0 #FFF;
	border-radius: 5px 5px 5px 5px;
	color: #333;
	display: none;
	height: 120px;
	left: 50%;
	margin: 0 -100px;
	padding: 10px;
	position: fixed;
	text-align: center;
	top: 300px;
	width: 350px;
	font-size: 20px;
	box-shadow: 0 0 10px #000000;
	vertical-align: middle;
	z-index: 999999;
	}

	.webshop_grid
	{
		/* iedere auto staat voor een kolom, deze div zet je om de divs heen die samen het grid gaan vormen */
		display: grid; grid-gap:5px; grid-template-columns: auto auto; 
	}
}
/* EINDE DESKTOPVARIANT */


/* BEGIN MOBIELE VARIANT */
@media only screen and (max-device-width: 450px), (max-width: 450px)
{
	.fotoalgemeen
	{
		width: 400px;
	}

	html
	{
	min-width: 450px;
	}

	/* op mobiel wordt 1 kolom getoond */
	.tweekolommen, .driekolommen
	{
		display: grid; grid-gap:5px; grid-template-columns: auto;
	}

	#basket_icon
	{
		display: block;
		position: absolute;
		top: 2px;
		right: 20px;
	}

	#headerlogo
	{
	display: block;
	position: absolute;
	left: 100px;
	top: 5px;
	z-index: 190;
	}

	body
	{
	text-align: center;
	background: rgb(212, 225, 248);
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #333;
	font-weight:normal;
	width: 450px;
	}

	#header, #topfoto, #footer, #menuframe, #addbasketmelding, #topbalk, #bgwhite
	{ 
	display: none;
	}

	#headermobiel
	{
	display: block;
	height: 80px;	
	}
	#wrapper
	{
	text-align:left;
	margin:0 auto;
	width: 450px;
	min-height: 700px;
	position: relative;
	top: 0px;
	}

	#content
	{
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	font-family: Trebuchet MS;
	min-height: 400px;
	padding: 0 0;
	position: relative;
	text-align: left;
	width: 450px;
	}
			
	#content1, #content2
	{
	min-height: 300px;
	width: 410px;
	float:left;
	padding: 20px;  
	}			

	/* MENU1 */
	#menu1
	{
	position: absolute;
	float: left;
	left: 10px;
	display: inline-block;
	top: 55px;
	width: 410px;
	z-index: 200;
	padding: 0;
	box-shadow: 0 0 10px #000000;
	}

	#menu1 ul
	{
	padding: 0;
	list-style: none;
	height: 27px;
	display: inline;
	}

	#menu1 ul li
	{
	margin: 0;
	float:none;
	display: block;
	border-bottom: 2px solid #FFF;
	padding: 0;
	background: #E5ECF2;
	}

	#menu1 ul li:hover
	{
	}
				
	#menu1 ul li.active
	{
	}
				
	#menu1 ul li.hassub
	{
	}

	#menu1 ul li.hassub:hover ul
	{
	display:none;
	position: relative;
	left: 140px;
	top: -25px;
	width: 150px;
	z-index: 97;
	}
				
	#menu1 ul li.hassubactive
	{
	}			

	#menu1 ul li.hassubactive:hover
	{
	}			

	#menu1 a.level1:link, #menu1 a.level1:visited
	{
	color: #000;
	display:block;
	font-family: Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	padding:6px 0 6px 17px;
	text-decoration:none;
	}

	#menu1 a.level1:hover, #menu1 a.level1.active, #menu1 ul li.hassubactive
	{
	background: #00457D;
	color: #FFF;
	font-weight:bold;
	}
				
	#menu1 a.level1.active, #menu a.level1.hasactivesub, #menu1 ul li.hasactivesub, #menu1 a.level1.hasactivesub
	{
	background: #00457D;
	color: #FFF;
	font-weight:bold;
	}
				

	#menu1 ul li ul
	{
	display:none;
	}

	#menu1 ul li.active ul, #menu1 ul li.hasactivesub ul
	{
	}	


	#menu1 li.level2, #menu1 li.level2 a
	{
	display: none;
	padding:0 0 0 5px;
	border: 1px solid #BBBBBB;
	background: #EEE;
	width: 150px;
	}
				
	#menu1 li.level2:hover, #menu1 li.level2:hover a
	{
	background: #00457D;
	color: #FFF;
	}		
				
	#menu1 li.level2.active, #menu1 a.level2.active:hover, #menu1 li.level2:hover a.active
	{
	background: #666666;
	color: #FFF;
	}
				

	#menu1 a.level2:link, #menu1 a.level2:visited
	{
	font-family: arial;
	font-size: 10pt; 
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	line-height:22px;
	background: none;
	}

	#menu1 a.level2:hover, #menu1 a.level2:active, #menu1 a.level2.active
	{
	color: #FFF;
	}
	/*einde menu1*/
	
	.newspaper
	{
	}

	.webshop_grid
	{
		/* iedere auto staat voor een kolom, deze div zet je om de divs heen die samen het grid gaan vormen */
		display: grid; grid-gap:5px; grid-template-columns: auto; 
	}
}
/* EINDE MOBIELE VARIANT */

hr
{
border: 0px;
}

a:link      {color: #4d7db3; text-decoration: none;}
a:visited   {color: #4d7db3; text-decoration: none;}
a:hover     {color: #4d7db3; text-decoration: underline;}
a:active	{color: #4d7db3; text-decoration: underline;}

p
{
line-height:1.8em;
color: #333;
}
			
td p	    {line-height:1.5em;
padding: 0;
color: #333;}

.small		{font-size: 7pt;margin-bottom: -7px; }

.contactformulier {width: 400px;}

.contactvraag {height: 250px;}

li
{
margin-left:25px;
margin-top:3px;
line-height:1.8;
list-style-type: disc;
}

li.vinkjes 
{
background:  url("./images/vinkje.png") bottom left no-repeat;
list-style-type: none;
text-indent: 25px;
}

#extramenu li a:link      {color: #000000; text-decoration: none;}
#extramenu li a:visited   {color: #000000; text-decoration: none;}
#extramenu li a:hover     {color: #D60F1B; text-decoration: none;}
#extramenu li a:active	{color: #000000; text-decoration: none;}

#extramenu li a.actief:link      {color: #D60F1B; text-decoration: none;}
#extramenu li a.actief:visited   {color: #D60F1B; text-decoration: none;}
#extramenu li a.actief:hover     {color: #999999; text-decoration: none;}
#extramenu li a.actief:active	{color: #D60F1B; text-decoration: none;}

.routeinput
{
width: 100px;
padding: 2px;
border: 1px solid #000000;
margin-bottom: 5px;
}

.routebutton
{
width: 105px !important;
background: #CA0000;
color: #FFFFFF;
border: none !important;
}

.rodebutton{
background: #BB0000;
background: -moz-linear-gradient(#BB0000, #770000) #BB0000;
background: -webkit-linear-gradient(#BB0000, #770000) #BB0000;
background: -o-linear-gradient(#BB0000, #770000) #BB0000;
background: -ms-linear-gradient(#BB0000, #770000) #BB0000;
background: linear-gradient(#BB0000, #770000) #BB0000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #FF0000 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
color: #FFFFFF !important;
display: inline-block;
margin: 10px 0;
padding: 6px 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

.rodebutton:hover, .rodebutton:active{
background: #990000;
background: -moz-linear-gradient(#990000, #770000) #990000;
background: -webkit-linear-gradient(#990000, #770000) #990000;
background: -o-linear-gradient(#990000, #770000) #990000;
background: -ms-linear-gradient(#990000, #770000) #990000;
background: linear-gradient(#990000, #770000) #990000;
box-shadow: 0 1px 0 #CC0000 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
text-decoration: none;
}

p.error 	{color: #EA041C; border:none;}	

.error		{border-color: #EA041C;
border-style: solid;
border-width: 1px;}

h1
{
font-size: 18pt;
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #4d7db3;
margin-bottom: 5px; 
}

h2
{
font-size: 16pt;
font-style: normal;
font-weight: normal;
color: #4d7db3;
padding: 2px;  
font-family: Arial;
}

.leesverder:after
{
padding: 5px 0;
font-size: 14px;
content: " >";
display: inline-block;
}
	
img
{
border:none;
}

.label_100	{float: left;
width: 100px;
text-align: left;
padding-right: 3px;
}

.label_150	{float: left;
width: 200px;
text-align: left;
padding-right: 3px;
}

.label_200	{float: left;
width: 200px;
text-align: left;
padding-right: 3px;
}

textarea{ font-family: Trebuchet MS; font-size: 10pt; font-size: 10pt; color: #333333;}

table.border
{
border:solid;
border-color : #c0c0c0;
border-width:1px;
width: 99%;
}
			
td			{
padding: 5px 5px 5px 0px;
vertical-align: top;
}

table.standaardagenda tr td
{
padding: 2px 16px 5px 0px;
}
			
/*contenttables items*/
table.contenttable
{
background:#999;
border-spacing: 1px;
}

table.contenttable tr td
{
background:#FFF;
color:#000;
font-size: 8pt;
padding: 4px;
}

.ruimte	{margin-bottom: 5px;}
.ruimtehome	{margin-bottom: 2px;}


#logo
{
bottom: 0;
height: 96px;
left: 0;
margin: 0 auto;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 200;
}

#headerachtergrond
{
width:1280px;
padding: 0;
position: absolute;
background: url("./images/hbg.png") no-repeat scroll center top transparent;
left: -167px;
height: 398px;
}
					
#headertop
{
width:946px;
padding: 0;
position: relative;
height: 398px;
}
					
#socialmedia
{
bottom: 0;
height: 44px;
position: absolute;
right: 0;
width: 56px;
z-index: 300;
}

#kruimelpad a:link, #kruimelpad a:visited{color: #555; text-decoration: none;}
#kruimelpad a:hover, #kruimelpad a:active{color: #000; text-decoration: none;}

#footerwrapper
{
text-align:left;
margin:0 auto;
width: 1200px;
min-height: 30px;
position: relative;
vertical-align: middle;
padding: 5px;
}

#taalbalk
{
	position: absolute;
	right: 30px;
	top: 10px;
	background: #FFF;
	padding: 5px 20px;
}

#zoekbalk
{
background: url("./images/search.png") no-repeat scroll 140px 6px rgba(0, 0, 0, 0.4);
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
height: 24px;
position: absolute;
right: 0;
text-align: left;
vertical-align: top;
top: 10px;
width: 160px;
padding: 0;
}

.zoekbalkbalk
{
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #FFFFFF;
margin: -4px 0 0 10px;
width: 113px;
}

.zoekbalkbutton{ background: none repeat scroll 0 0 transparent;
border: 0 none;
height: 28px;
width: 37px;
}

.zoekbalkbutton:hover
{
border: 2px solid #000;
cursor: pointer;
}


/* MENU 2*/
#menu2
{
float:right;
height:27px;
position:relative;
top:0px;
z-index:100;
}

#menu2 ul
{
padding: 0;
margin: 0;
list-style: none;
height: 26px;
}

#menu2 ul li
{
margin: 0 10px;
float:left;
display: block;
line-height: 26px;
}

#menu2 ul li:hover
{
}
			
#menu2 a.level1:link, #menu2 a.level1:visited
{
color: #D0D0D0;
display:block;
font-family:Trebuchet MS,arial,sans-serif;
font-size:10pt;
font-weight:normal;
line-height:26px;
padding:0 5px;
text-decoration:none;
}

#menu2 a.level1:hover, #menu a.level1:active
{
color: #fff;
}
			
#menu2 ul li.active {
}
			
#menu2 ul li.hassub {
}

#menu2 ul li.hassub:hover {
}
			
#menu2 ul li.hassubactive {
}			

#menu2 ul li.hassubactive:hover {
}			

#menu2  a.level1.active, #menu a.level1.hasactivesub
{
color: #FFF;
}
			

#menu2 ul li ul
{
display:none;
position: absolute;
left:0;
top:26px;
}

#menu2 ul li.active ul, #menu2 ul li.hasactivesub ul
{
display:inline;
}	

#menu2 li.level2
{
display:inline;
padding:0 0 0 5px;
}
			
#menu2 li.level2:hover {
}		
			
#menu2 li.level2.active{
}

#menu2 a.level2:link, #menu2 a.level2:visited
{
display:block;
font-family:Trebuchet MS,arial,sans-serif;
font-size: 10pt; 
font-weight: normal;
color: #707070;
text-decoration: none;
line-height:26px;
background: none;
}

#menu2 a.level2:hover, #menu2 a.level2:active, #menu2 a.level2.active
{
color:#000;
}
/*einde menu 2*/


/* Hack voor de min-height property tbv IE */	
.prop {  
height:400px;
float:right;
width:1px;
}	
		
/* CSS tbv be_menuregels */
p.level1	{text-indent: 0px;}
p.level1	{text-indent: 40px;}
p.level2	{text-indent: 80px;}
/* Einde CSS tbv be_menuregels */
		
/*security items*/
table.setsecurity	{background:#acacac;
border-spacing: 0;}		

table.setsecurity tr.kop, table.setsecurity tr.kop td{background:#767474;
		color:#FFF;
		font-weight: bold;
		font-size: 8pt;
		}

table.setsecurity td
{
padding: 5px;
color:#FFF;
}

.bannertekst {
background: url("/skins/template10/images/50percent.png") transparent;     
bottom: 30px;
display: none;
height: 80px;
right: 0;
padding: 6px 20px;
position: absolute;
width: 350px;
-moz-border-radius: 7px 0 0 7px;
border-radius: 7px 0 0 7px;
}		
.bannertekst p{
color: #FFFFFF;
font-size: 12px;
}		
	
/* uitklapbare blokitems */
.uitklapdiv
{
width: 578px; padding: 15px; background: #F5F5F5; border: 1px solid #999999; margin: 10px 0 10px 0;
}

span.uitklaptitel
{
color:#444;
cursor:pointer;
display:block;
line-height: 1.3;
margin: 0;
width:610px;
padding: 0;
}

div.uitklaptekst
{
width: 590px;
background: #EEEEEE;
}

div.uitklapdiv
{
display: none;
}
	
/*fotoalbums*/
img.fotoalbum	{margin: 0 0 0 0;}	
div.thumbnail	{float: left;
margin: 0 6px 6px 0;
height: 100px;}	
a.download		{padding:3px 0;}
		
/* zoekcontent */		
.zoekcontent_streep {
height: 1px;
}

.zoekcontent_zoekbalkcontainer {
background: #F5F5F5; 
border: 1px solid #E5E5E5; 
height: 71px;
position: relative;
}
				
.zoekcontent_zoekbalkinput {
background-color: #FFFFFF; 
border-color: #C0C0C0 #D9D9D9 #D9D9D9; 
border-style: solid; 
border-width: 1px; 
height: 27px; 
top: 20px; 
width:300px; 
position: relative; 
padding: 0 0 0 5px;
float: left;
}
				
.zoekcontent_zoekbalksubmit {
border: 0 none; 
height: 29px; 
width: 64px; 
position: relative; 
cursor:pointer; 
top:20px;
float: left;
}
p.zoekcontent_geenresultaten {
padding: 20px;
}

.zoekcontent_resultatenheadercontainer {
padding: 20px;
border: 1px solid #E5E5E5; 
border-top: 0; 
height: 40px;
}

/* Webshop */

span.filterblokheader{
    border-bottom: 1px solid #999999;
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
} 

a.filter {
    color: #000000;
    display: inline-block;
    padding: 0 17px;
    text-decoration: none;
    margin: 1px 0;
}



a.filter {
    color: #000000;
    display: inline-block;
    padding: 0 17px;
    text-decoration: none;
    margin: 1px 0;
   background: url("./images/checkbox-sprite.png") no-repeat scroll 0 1px transparent;
}


a.filter.active {
background: url("./images/checkbox-sprite.png") no-repeat scroll 0 -22px transparent;
}

/* a.filter:before {
   background: url("./images/checkbox-sprite.png") no-repeat scroll 0 1px transparent;
    content: " ";
    display: block;
    height: 14px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 13px;
}

.filter.active:before {
background: url("./images/checkbox-sprite.png") no-repeat scroll 0 -22px transparent;

}
*/

.filerblok
{
margin: 10px 0;
}

.filter.disabled
{
color: #888;
text-decoration: none;
}

.filter.active
{
font-weight: bold;   
color: #000;
text-decoration: none;
}

.filterheader
{
font-size: 16px;
color: #FF6600;
}

.sortdiv
{
border: 1px solid #BBBBBB;
margin: 5px 0;
padding: 5px;
text-align: right;
}
a.sort{
color: #222;
text-decoration: none;
}
.sort.active{
font-weight: bold;
}

.basket_regel
{
clear: both;
display: block;
}

.basket_regelomschrijving
{
display: block;
float: left;
font-weight: bold;
}

.basket_regelaantal {
display: block;
text-align: right;
}

.basket_prijs {
display: block;
text-align: right;
}

.basket_totaalregel
{
display: block;
border-top: 1px solid #444;
}

.webshop_itemFrame{
padding: 7px; 
border-radius: 6px 6px 6px 6px; 
border: 1px solid #999999; 
overflow: auto;
}

.webshop_itemImageFrame{
float:right; 
margin-left: 15px; 
margin-bottom: 15px; 
position: relative; 
margin-top: 3px;
}

.webshop_itemText, .webshop_specsText{
	background: #EEE;
	padding: 20px;
	display: block;
	overflow: auto;
}
.webshop_itemHeading, .webshop_specsHeading{
border-bottom: 1px solid #777777; 
color: #D9252B; 
font-size: 18pt;
padding: 2px 5px 2px 0;
}

.webshop_itemHeading_list
{
	color: #D9252B; 
	font-size: 14pt;	
}

.webshop_itemHeading_biglist
{
	color: #D9252B; 
	width: 380px;
	height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 20px;
}

.webshop_griditem
{
	padding: 15px 0; border: 1px solid #AAA;
}

a.webshop_buttonMore{
font-size: 13pt; 
background: none repeat scroll 0px 0px #CA0000; 
color: rgb(255, 255, 255); 
padding: 3px 10px 3px 10px; 
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
text-align: center;
color: #FFFFFF;
}

a.webshop_buttonOrder, .webshop_buttonOrder
{
font-size: 13pt; 
background: none repeat scroll 0px 0px #FF6600; 
color: rgb(255, 255, 255);
padding: 3px 10px 3px 10px; 
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
margin: 10px 0px; 
right: 0px; 
text-align: center;
color: #FFFFFF;
border: 0;
cursor:pointer;
}

.webshop_price, .webshop_specs .webshop_price{
background: none repeat scroll 0px 0px #f5f5f5; 
padding: 3px 10px 3px 10px;
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
margin: 10px 0px; 
right: 0px; 
text-align: center;
}

.webshop_price > span, .webshop_specs .webshop_price > span{
font-size: 13pt; 
font-weight: bold; 
color: #006699;
}

.webshop_specsImageFrame{
float:right; 
margin-left: 15px; 
margin-bottom: 15px; 
position: relative; 
margin-top: 25px;
}

.webshop_basketFrame{
display: block; 
border: 1px solid rgb(153, 153, 153); 
background: #E5E5E5;
}

.webshop_basketHeading{
background: #666666; 
color: #FFF; 
text-align: center; 
padding: 2px;
}

a.webshop_basketButton
{
background: #FF6600; 
padding: 6px 11px; 
border-radius: 6px 6px 6px 6px; 
display: block; 
width: 118px; 
margin: 10px 0px; 
font-size: 9pt;
color: #FFF;
border: 0;
}

a.webshop_stepButton
{
display: inline-block;
background: none repeat scroll 0 0 #333333;
border: 1px solid #333333;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
padding: 4px 11px;
font-size: 14px;
text-shadow: 0 1px 0 #000000;
text-decoration: none;
}

#winkelmandje
{
top: 0px;
height: 44px;
position: absolute;
right: 200px;
width: 197px;
z-index: 300;
vertical-align: middle;
}

.infolayer
{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #555;
box-shadow: 0 0 40px rgba(0,0,0,0.8);
display: block;
height: 140px;
left: 50%;
margin: 0 -200px;
overflow: hidden;
padding: 29px;
position: fixed;
text-align: left;
top: 100px;
width: 300px;
z-index: 1000;	
}

.infolayerBG
{
background: url(/skins/template10/images/alpha05.png);
display: block;
height: 100%;
left: 0;
overflow: hidden;
padding: 29px;
position: fixed;
text-align: left;
top: 0;
width:100%;
z-index: 999;	
}

a.infobutton
{
display: inline-block;
background: #DDD;
padding: 3px;
border: 1px solid #333;
color: #333;
}

.cookiediv
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #555;
	box-shadow: 0 0 40px rgba(0,0,0,0.8);
	display: block;
	height: 140px;
	left: 50%;
	margin: 0 -200px;
	overflow: hidden;
	padding: 29px;
	position: fixed;
	text-align: left;
	top: 50px;
	width: 400px;
	z-index: 1000;
	border-radius: 15px;	
	line-height: 1.5em;
}

a.cookieaccept
{
	background: #FF6600;
	color: #FFF;
	font-size: 16pt;
	display: inline-block;
	padding: 4px 15px;
	border-radius: 4px;
	text-decoration:none;
}

.selectionboxcat
{
    margin: 0 0 5px 0; padding: 20px 15px 15px 15px; border: 1px solid #999; border-radius: 10px; width:95%; color: #444;
}
.selectionboxcat input
{
    margin: 2px;
}
.labelcat
{
    float: right; position: absolute; margin-top: -20px; border-left: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999; 
    border-radius: 0 0 5px 5px; height: 15px; padding: 2px 15px; background: #EEE; text-align: center;
}
.catbutton_v2
{
    background: #D9252B;
    color: #FFF !important;
    padding: 2px 5px;
    font-size: 12px;
    display: inline-block;
}

.witscherm
{
z-index: 10000;
display: none; 
position: fixed; 
height: 100%; 
width: 100%; 
background: #333;
opacity: 0.5;
vertical-align: middle; 
text-align: center;	
}


#copyright
{
	float:left;
	height:27px;
	position:relative;
	top:5px;
	z-index:100;	
}



.roodscherm
{
z-index: 10000;
display: none; 
position: fixed; 
height: 100%; 
width: 100%; 
vertical-align: middle; 
text-align: center;	
background: #CA0000;
opacity: 0.9;
}

#showpopupmessage
{
background: none repeat scroll 0 0 #FFF;
border-radius: 5px 5px 5px 5px;
color: #333;
display: none;
overflow: auto;
left: 45%;
margin: 0 -100px;
padding: 10px;
position: fixed;
text-align: center;
top: 300px;
width: 350px;
font-size: 20px;
box-shadow: 0 0 10px #000000;
vertical-align: middle;
z-index: 999999;
}

.popupclosebutton
{
	background: #FFF;
	color: #000;
	font-size: 20px;
	padding: 7px;
	margin: 10px;
}

.selectiedivCMS
{
    width: calc(100wv - 60px);
    display: block;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #666;
    background: #F4F4F4;
}

.whoneutral
{
	padding: 5px;
	background: #F5F5F5;
}

.whoinfo p
{
	color: #FFF;
}

.whoinfo h2
{
	margin-top: 30px;
	display: block;
	color: #FFF;
	background: #4d7db3;
}

#bgwhite
{
	position: absolute;
	height: 100%;
	width: calc(50% + 600px);
	right: 0;
	background: #FFF;;
}