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

body
{
text-align: center;
background: url(/skins/template10/images/HKachtergrond.png) #010842;
background-repeat: repeat-x;
font-family: Trebuchet MS;
font-size: 10pt;
color: #333;
font-weight:normal;
}

hr
{
border: 0px;
}

a:link      {color: #010842; text-decoration: none; font-weight: bold;}
a:visited   {color: #010842; text-decoration: none; font-weight: bold;}
a:hover     {color: #DDD; text-decoration: underline; font-weight: bold;}
a:active	{color: #010842; text-decoration: underline; font-weight: bold;}

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
}

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

.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: 14pt;
font-family: Arial;
font-weight: normal;
font-style: normal;
color: #E15204;
margin-bottom: 5px; 
}

h2
{
font-size: 12pt;
font-style: normal;
font-weight: normal;
color: #010842;
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;
}
			
/*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;}


#wrapper	{text-align:left;
margin:0 auto;
width: 950px;
min-height: 700px;
position: relative;
top: 0px;
}

#header
{ 
height: 140px;
left: 0;
position: relative;
text-align: center;
top: 0;
width: 100%;
z-index: 20;
background: url(/skins/template10/images/HKbalbalkje.png);
background-position: left bottom;
background-repeat: no-repeat;
}

#logo
{
top: 70px;
height: 34px;
right: 10px;
margin: 0 auto;
overflow: hidden;
position: absolute;
width: 540px;
z-index: 200;
background: url(/skins/template10/images/HKlogo.png);
}

#sportman
{
top: 28px;
height: 330px;
left: -106px;
margin: 0 auto;
overflow: hidden;
position: absolute;
width: 222px;
z-index: 1;
background: url(/skins/template10/images/HKsportman.png);
}

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

#topfoto
{
background: none repeat scroll 0 0 #222222;
height: 176px;
left: 0;
position: relative;
top: 0px;
width: 594px;
z-index: 5;
overflow: hidden;
}

#blauwebalk
{
background: #010842;
left: 0;
position: relative;
top: 0px;
width: 564px;
padding: 8px 15px;
z-index: 5;
overflow: hidden;
color: #FFF;
font-size: 13pt;
}

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

#content
{
background: url(/skins/template10/images/HKcontent.png);
background-repeat: repeat-y;
box-shadow: 0 0 10px #000000;
float: left;
font-family: Trebuchet MS;
min-height: 400px;
padding: 0 0;
position: relative;
text-align: left;
width: 950px;
left: 0;
top: -6px;
z-index: 15;
}
		
#content1
{
min-height: 300px;
width: 178px;
float:left;
padding: 0;  
}			
				
#content2
{
min-height: 300px;
width: 594px;
float:left;
padding: 0;
}

#content3
{
min-height: 300px;
width: 178px;
float:left;
padding: 10px 0;
}

#footer
{
clear: both;
width: 100%;
position: relative;
top:0;
}

#footer p
{
color:#666;
font-size:9pt;
text-align:left;
text-decoration:none;
line-height: 1em;
}

#footer p a:link, #footer p a:visited{color: #666; text-decoration: none; font-weight: normal;}
#footer p a:hover, #footer p a:active{color: #DDD; text-decoration: none; font-weight: normal;}

#footerwrapper
{
text-align:left;
margin:0 auto;
width: 950px;
position: relative;
vertical-align: middle;
}
			
#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;
top: 10px;
width: 160px;
}

.zoekbalkbalk
{
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #FFFFFF;
height: 22px;
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;
}

#menuframe
{
height: 45px;
left: 0;
position: relative;
text-align: center;
width: 100%;   
}

/* MENU 1*/
#menu1
{
height:27px;
position:relative;
z-index:100;
display: inline-block;
text-align: left; 
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, #menu a.level1:active
{
color: #E15204;
}
			
#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 #E15204;
border-radius: 4px;
color: #FFF;
height: 30px;
z-index: 1010;
}

#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;
width: 175px; 
background: none;
border-bottom: 1px solid #EEE;
border-top: 1px solid #BBB;
}
			
#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: #E15204;
background: none repeat scroll 0 0 #EEE;
}

/*einde menu 1*/




/* MENU 2*/
#menu2
{
position: relative;
display: block;
top: 10px;
left: 10px;
width: 160px;
height: 341px;
}

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

#menu2 ul li {margin: 0;
			float:none;
			display: block;
			line-height: 22px;
			height: 25px;
			text-align: left;
			}

#menu2 ul li:hover {
			}
			
#menu2 a.level1:link, #menu2 a.level1:visited{
			color: #FFF;
			display:block;
			font-family: Calibri, Arial;
			font-size:11pt;
			font-weight:normal;
			line-height:22px;
			padding:1px 0 1px 5px;
			text-decoration:none;
			}

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

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

#menu2 ul li.hassubactive:hover {
			}			

#menu2 a.level1.active, #menu a.level1.hasactivesub, #menu2 ul li.hasactivesub, #menu2 a.level1.hasactivesub
{
color: #010842;
}
			

#menu1 ul li ul	{display:none;
			}

/*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;
}

/*topfoto - banner*/

.cyclebanner { height: 249px; width: 950px; margin: auto; overflow:hidden; z-index:14;}
.cyclebanner img {border:none;
padding:0;
margin:0;
-moz-border-radius: 0px; /* Firefox */
-webkit-border-radius: 0px; /* Safari, Chrome */
border-radius: 0px; /* CSS3 */
}		
			
.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:before
{
background: url("./images/checkbox-sprite.png") no-repeat scroll 0 1px transparent;
content: " ";
display: inline-block;
height: 14px;
left: 0;
margin: 0 0 0 -17px;
width: 20px;
}

.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{

}
.webshop_itemHeading, .webshop_specsHeading{
border-bottom: 1px solid #777777; 
color: #FF6600; 
padding: 2px 5px 2px 0;
}

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{
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;
}

.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: none repeat scroll 0px 0px #FF6600; 
color: rgb(255, 255, 255); 
padding: 6px 11px; 
border-radius: 6px 6px 6px 6px; 
display: block; 
width: 118px; 
margin: 10px 0px; 
right: 0px; 
font-size: 9pt;
color: #FFFFFF;
}

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;
}