@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);

html {
 filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #303030; 
	background: #121314 url(../images/achtergrond_small.jpg) no-repeat 50% 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

		
html
{
	height: 100%;
}


#container {
	margin: 0 auto;
	width: 1000px;
}

a:link, a:visited { 
	color: #969696;
	text-decoration: none;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #969696;
	text-decoration: underline;
	}
	

#wrapper {
	width: 1000px;
	float: left;
	background: #ffffff url(../images/wrapperback_medium.jpg) top left no-repeat;
}

.spacer{
	position: absolute;
	top: 0px;
	left: 0px;
}

#content {
	width: 1000px;
	float: left;
	background: url(../images/contentback.jpg) bottom left no-repeat;
	min-height: 920px;
	position: relative;
}

		/* Fix voor IE */
		* html #content
		{
			height: 920px;
		}
		
#footernav{
	display: block;
	height: 31px;
	text-align: center;
	padding-top: 100px;
	color: #969696;
}
		

.logo{
	position: absolute;
	border: 0px;
	top: 65px;
	left: 61px;
}

#header{
	float: left;
	width: 940px;
	height: 117px;
	margin-left: 32px;
	position: relative;
}

		/* Fix voor IE */
		* html #header
		{
			margin-left: 16px;
			margin-top: -4px;
		}	

a.btn_home:link, a.btn_home:visited { 
	color: #ffffff;
	text-decoration: none;
	width: 83px;
	height: 27px;
	position: absolute;
	top: 261px;
	left: 62px;
	line-height: 24px;
	text-transform: uppercase;
	background: url(../images/btn_home.gif) top left no-repeat;
	text-align: center;
	}

a.btn_home:hover, a.btn_home:active { 
	color: #c1c1c1;
	text-decoration: none;
	}
	
a.btn_klantlogin:link, a.btn_klantlogin:visited { 
	color: #ffffff;
	text-decoration: none;
	width: 144px;
	height: 27px;
	position: absolute;
	top: 261px;
	left: 145px;
	line-height: 24px;
	text-transform: uppercase;
	background: url(../images/btn_klantlogin.gif) top left no-repeat;
	text-align: center;
	}

a.btn_klantlogin:hover, a.btn_klantlogin:active { 
	color: #c1c1c1;
	text-decoration: none;
	}	

#hoekjes{
	position: absolute;
	width: 940px;
	height: 117px;
	top: 128px;
	left: 32px;
	background: url(../images/hoekjes.gif) top left no-repeat;
	z-index: 9999;
}

#zoek2{
	width: 218px;
	height: 27px;
	position: absolute;
	top: 261px;
	left: 518px;
	background: url(../images/zoek.gif) top left no-repeat;
}

#prent{
	position: absolute;
	z-index: 50;
	width: 254px;
	height: 186px;
	background: url(../images/prentback.png) top left no-repeat;
	right: 52px;
	top: 212px;	
	line-height: 14px;
	font-size: 11px;	
}

	/* Fix voor IE */
	* html #prent
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/prentback.png', sizingMethod='fit');
	}
	
#prenthome{
	position: absolute;
	z-index: 50;
	width: 254px;
	height: 186px;
	right: 52px;
	top: 212px;	
	line-height: 14px;
	font-size: 11px;	
}	
	

#prenthome ul{
	margin: 0px;
	padding: 7px 10px 10px 25px;
	list-style-type: none;
}

#prenthome ul  li{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	list-style-type: none;
}

#prenthome a:link, #prenthome a:visited { 
	color: #242424;
	text-decoration: none;	
	}

#prenthome a:hover, #prenthome a:active { 
	color: #242424;
	text-decoration: underline;
	}
	
#prenthome a.meernieuws:link, #prenthome a.meernieuws:visited { 
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #969696;
	text-decoration: none;	
	font-weight: bold;
	}

#prenthome a.meernieuws:hover, #prenthome a.meernieuws:active { 
	color: #242424;
	text-decoration: none;
	}	


	
#prenthome h1 { 
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	color: #242424;
	padding: 10px 0px 8px 25px;
	margin:0px;
	display: block;
	}	
	
#prent img{
	float: left;
	border: 0px;
	width: 225px;
	height: 153px;
	padding: 16px 0px 0px 13px;
}

#prent1{
	position: absolute;
	z-index: 50;
	width: 273px;
	height: 215px;
	background: url(../images/prent1.png) top left no-repeat;
	right: 43px;
	top: 197px;
}

	/* Fix voor IE */
	* html #prent1
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/prent1.png', sizingMethod='fit');
	}

#prent2{
	position: absolute;
	z-index: 50;
	width: 273px;
	height: 215px;
	background: url(../images/prent2.png) top left no-repeat;
	right: 43px;
	top: 197px;
}

	/* Fix voor IE */
	* html #prent2
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/prent2.png', sizingMethod='fit');
	}

#prent3{
	position: absolute;
	z-index: 50;
	width: 273px;
	height: 215px;
	background: url(../images/prent3.png) top left no-repeat;
	right: 43px;
	top: 197px;
}

	/* Fix voor IE */
	* html #prent3
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/prent3.png', sizingMethod='fit');
	}

#prent4{
	position: absolute;
	z-index: 50;
	width: 273px;
	height: 215px;
	background: url(../images/prent4.png) top left no-repeat;
	right: 43px;
	top: 197px;
}

	/* Fix voor IE */
	* html #prent4
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/prent4.png', sizingMethod='fit');
	}

#pagelogo{
	position: absolute;
	top: 372px;
	left: 104px;
	width: 52px;
	height: 52px;
}

#pagename{
	position: absolute;
	width: 225px;
	height: 30px;
	top: 382px;
	left: 179px;
	overflow: hidden;
}

#pagename h1 { 
	font-size: 17px;
	line-height: 26px;
	font-weight: bold;
	color: #51524e;
	padding: 0px 0px 0px 0px;
	margin:0px;
	float: left;
	}
	
#pagename h2 { 
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	color: #51524e;
	padding: 0px 0px 0px 0px;
	margin:0px;
	float: left;
	}	
	
.tekstblok{
	float: left;
	width: 670px;
	padding: 26px 26px 0px 26px;
}

.tekstblok_cat{
	float: left;
	width: 670px;
	padding: 0px 26px 0px 26px;
}

.tekstblok_verkooppunt{
	float: left;
	width: 721px;
	height: 473px;
	padding: 0px 0px 0px 1px;
	position: relative;
	overflow: hidden;
}

.tekstblok_kaart{
	float: left;
	width: 721px;
	height: 473px;
	padding: 0px 0px 0px 1px;
	position: relative;
	overflow: hidden;
}

.map_boven{
	width: 723px;
	height: 10px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/map_boven.gif) 0px 0px no-repeat;	
	position: absolute;
	top: 0px;
	left: 0px;
}

.map_onder{
	width: 723px;
	height: 53px;
	line-height: 0px;
	font-size: 0px;
	background: #ababab url(../images/map_onder.gif) bottom left no-repeat;	
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.adresblok{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 250px;
	margin: 0px;
	padding: 0px;
}

.adreskop{
	float: left;
	width: 215px;
	background: url(../images/adreskop.gif) top left no-repeat;
	font-size: 18px;
	line-height: 22px;
	color: #51524e;
	padding: 5px 15px 5px 20px;
}

.adrestekst{
	float: left;
	width: 215px;
	background: url(../images/adrestekst.gif) top left no-repeat;
	padding: 5px 15px 20px 20px;
}



.fotooverzicht{
	float: left;
	width: 722px;
	background: url(../images/overzichtback.gif) 26px 0px no-repeat;
}

.fotooverzicht img{
	border: 14px solid #cacaca;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
	margin: 16px 23px 16px 26px; 
	padding: 0px;
}	

.prodoverzicht{
	float: left;
	width: 722px;
	height: 700px;
}

.prodoverzicht a:link, .prodoverzicht a:visited { 
	float: left;
	width: 128px;
	height: 200px;
	color: #3f3f3f;
	text-decoration: none;
	margin: 0px 23px 0px 26px; 	
	line-height: 16px;
	position: relative;
	}

.prodoverzicht a:hover, .prodoverzicht a:active { 
	color: #969696;
	text-decoration: none;
	}
	
.prodoverzicht a:link img, .prodoverzicht a:visited img{
	border: 14px solid #cacaca;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.prodoverzicht a:hover img, .prodoverzicht a:active img{
	border: 14px solid #aaaaaa;
}	



.catoverzicht{
	float: left;
	width: 722px;

}

.catoverzicht a:link, .catoverzicht a:visited { 
	float: left;
	width: 128px;
	height: 190px;
	color: #3f3f3f;
	text-decoration: none;
	margin: 0px 23px 0px 26px; 	
	line-height: 16px;
	text-align: center;
	}

.catoverzicht a:hover, .catoverzicht a:active { 
	color: #969696;
	text-decoration: none;
	}
	
.catoverzicht a:link img, .catoverzicht a:visited img{
	border: 14px solid #cacaca;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a:hover img, .catoverzicht a:active img{
	border: 14px solid #aaaaaa;
}	

.catoverzicht a.lil:link img, .catoverzicht a.lil:visited img{
	border: 14px solid #66819b;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a.lil:hover img, .catoverzicht a.lil:active img{
	border: 14px solid #839fbb;
}	


.catoverzicht a.bridgewater:link img, .catoverzicht a.bridgewater:visited img{
	border: 14px solid #a3a3a3;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a.bridgewater:hover img, .catoverzicht a.bridgewater:active img{
	border: 14px solid #c4c4c4;
}	
	
	
	
.catoverzicht a.newgate:link img, .catoverzicht a.newgate:visited img{
	border: 14px solid #a3a3a3;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a.newgate:hover img, .catoverzicht a.newgate:active img{
	border: 14px solid #c4c4c4;
}	



.catoverzicht a.lang:link img, .catoverzicht a.lang:visited img{
	border: 14px solid #b4c1cf;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a.lang:hover img, .catoverzicht a.lang:active img{
	border: 14px solid #cfdeeb;
}	



.catoverzicht a.lilxmas:link img, .catoverzicht a.lilxmas:visited img{
	border: 14px solid #ffb0ae;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a.lilxmas:hover img, .catoverzicht a.lilxmas:active img{
	border: 14px solid #ffd0cd;
}	



.catoverzicht a.disenyo:link img, .catoverzicht a.disenyo:visited img{
	border: 14px solid #9e9a66;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a.disenyo:hover img, .catoverzicht a.disenyo:active img{
	border: 14px solid #bfb981;
}	



.catoverzicht a.freshscents:link img, .catoverzicht a.freshscents:visited img{
	border: 14px solid #d8bfbe;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.catoverzicht a.freshscents:hover img, .catoverzicht a.freshscents:active img{
	border: 14px solid #f3d8d6;
}	
	
	
	

h1 { 
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	color: #51524e;
	padding: 0px 0px 0px 0px;
	margin:0px;
	}
	
.tekst{
	float: right;
	width: 319px;
}

.tekst_verkooppunt{
	float: left;
}

.fotolinks{
	float: left;
	width: 306px;
	position: relative;
}

.fotolinks img{
	float: left;
	border: 14px solid #cacaca;
	width: 278px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}

.prijs{
	font-weight: bold;
	font-size: 14px;
}

.intro{
	font-weight: bold;
}
	
#brands{
	float: left;
	width: 96px;
	padding: 214px 0px 0px 47px;
}
	
#brands img{
	float: left;
	width: 82px;
	height: 69px;
	border: 0px;
	padding: 0px 0px 9px 0px;
	cursor: pointer;
}
		
#brands img:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}
			
#teksten{
	float: right;
	width: 723px;
	padding: 0px 107px 0px 0px;
	margin-top: 168px;
	background: url(../images/teksten_midden.gif) top left repeat-y;
	position: relative;
	min-height: 400px;
}

		/* Fix voor IE */
		* html #teksten
		{
			height: 400px;
		}		
		

#teksten_boven{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 723px;
	height: 4px;
	font-size: 0px;
	line-height: 0px;	
	background: url(../images/teksten_boven.gif) top left no-repeat;
}

#teksten_onder{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 723px;
	height: 4px;
	font-size: 0px;
	line-height: 0px;
	background: url(../images/teksten_onder.gif) top left no-repeat;
}

a.vorigelink:link, a.vorigelink:visited { 
	position: absolute;
	bottom: -40px;
	font-weight: bold;
	color: #969696;
	text-decoration: none; 	
	left: 315px;
	}

a.vorigelink:hover, a.vorigelink:active { 
	color: #303030;
	text-decoration: none;
	}

#payoff{
	width: 721px;
	position: absolute;
	bottom: 1px;
	left: 1px;
}

#payoff img{
	float: left;
	width: 721px;
	border: 0px;
}
	
#homeimage{
	float: right;
	width: 722px;
	height: 583px;
	position: relative;
	padding: 0px 108px 0px 0px;
	margin-top: 168px;
	overflow: hidden;
}

#mask{
	position: absolute;
	width: 722px;
	height: 583px;
	top: 0px;
	left: 0px;
	background: url(../images/mask.png) top left no-repeat;
}

/* Fix voor IE */
	* html #mask
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/mask.png', sizingMethod='crop');
	}


.masktekst{
	float: right;
	width: 205px;
	padding: 21px 20px 0px 0px;
	font-size: 11px;
	line-height: 14px;
	color: #242424;
}

.masktekst h1 { 
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	color: #242424;
	padding: 0px 0px 8px 0px;
	margin:0px;
	display: block;
	}
	
.payoff{
	font-size: 14px;
	font-style: italic;
}

#homeimage img{
	float: left;
	width: 722px;
	height: 583px;
	border: 0px;
}

.searchformInput{
	width: 112px;
	padding-top: 2px;
	height: 14px;
	line-height: 14px;
	background: none;
	border: 0px solid red;
	margin: 5px 0px 0px 55px;
}

		form
		{
			margin: 0px;
			padding: 0px;
		}		
			
			
	



.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer50 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}



	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_winkelwagen, a.btn_winkelwagen:link, a.btn_winkelwagen:visited 
{
	position: absolute;
	top: 288px;
	left: 168px;
	width: 95px;
	height: 61px;
	background: url(../images/btn_winkelwagen.gif) 0px 0px;
}

a.btn_winkelwagen:hover, a.btn_winkelwagen:active
{
	background: url(../images/btn_winkelwagen.gif) 0px -61px;
	text-decoration: none;
}



.btn_plaats, a.btn_plaats:link, a.btn_plaats:visited 
{
	float: right;
	width: 105px;
	height: 50px;
	background: url(../images/btn_plaats.gif) 0px 0px;
}

a.btn_plaats:hover, a.btn_plaats:active
{
	background: url(../images/btn_plaats.gif) 0px -50px;
	text-decoration: none;
}





#menu{
	height: 25px;
	float: right;
	padding-right: 66px;
	padding-top: 94px;
	position: relative;
	padding-left: 5px;
	z-index: 9999;	
}

.patch{
	width: 5px;
	height: 25px;
	position: absolute;
	right: 64px;
	top: 94px;
	z-index: 60;
}


#nav, #nav ul{
margin:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index: 9999;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 5px;
background: url(../images/menu_left.gif) top left no-repeat;	
}

#nav a{
	font-size: 12px;
	text-transform: uppercase;
	height: 25px;
	width: 123px;
	float: left;
	line-height: 20px;	
	padding: 4px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;	
	background: url(../images/button.gif) top right no-repeat;
	text-align: center;
}

#nav a:hover{
color:#c1c1c1;
}

#nav a.actief {
color:#c1c1c1;
}


#nav li{
float:left;
position:relative;
}

#nav ul li{
float:left;
position:relative;
}


#nav ul {
z-index: 9999;
position:absolute;
display:none;
top: 25px;
width: 140px;
left: -8px;
background: url(../images/subtop.gif) no-repeat top left;
padding: 19px 0px 0px 0px;
}

#nav li ul a, #nav li ul a:link, #nav li ul a:visited {
width: 110px;
height:auto;
line-height: 26px;
height: 26px;
float:left;
background: none;
color: #ffffff;
font-size: 12px;
background: url(../images/subback.gif) no-repeat bottom left;
font-weight: normal;
text-transform: lowercase;
cursor: pointer;
padding: 0px 0px 0px 30px;
text-align: left;
}



#nav li ul a.actief {
	background: url(../images/subnav2.gif) no-repeat bottom left;
}

#nav li ul a:hover {
	background: url(../images/subnav2.gif) no-repeat bottom left;
}


#nav li ul li.last a, #nav li ul li.last a:link, #nav li ul li.last a:visited {
width: 110px;
height:auto;
line-height: 26px;
height: 45px;
float:left;
background: none;
color: #ffffff;
font-size: 12px;
background: url(../images/subback_last.gif) no-repeat bottom left;
font-weight: normal;
text-transform: lowercase;
cursor: pointer;
padding: 0px 0px 0px 30px;
text-align: left;
}

#nav li ul li.last a.actief {
	background: url(../images/subnav_last2.gif) no-repeat bottom left;
}

#nav li ul li.last a:hover {
	background: url(../images/subnav_last2.gif) no-repeat bottom left;
}



#nav ul ul{
top: auto;
}	

#nav li ul ul {
left: 140px;
margin: -19px 0 0 0px;
padding: 19px 0px 0px 0px;
background: url(../images/subtop.gif) no-repeat top left;
}




#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			14px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { top: 7px; background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}	
	
	
	
	
	
	
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 722px;
	height: 640px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
	
	
	
.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 722px;
	height: 640px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 722px;
	height: 640px;
}



.jcarousel-skin-tango .jcarousel-item {
	width: 722px;
	height: 640px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
	
	
	
/**
 * Additional styles for the controls.
 */
.jcarousel-control {
   	float: right;
   	height: 20px;
   	padding: 5px 20px 0px 10px;
    text-align: right;
    margin-bottom: 10px;
    border-bottom: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;    
}

.jcarousel-control a:link, .jcarousel-control a:visited {
    font-size: 75%;
    text-decoration: none;
    padding: 2px;
    margin: 0px;
    border: 0px solid #fff;
    font-size: 11px;
    color: #3f3f3f;
    background-color: #none;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:hover,
.jcarousel-control a:active {
    outline: none;
    color: #8f8f8f;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: right;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}
	
	
	
	
.foto_nieuws{
	float: left;
	width: 92px;
	height: 72px;
}

.foto_nieuws img{
	float: left;
	width: 90px;
	height: 70px;
	border: 0px;
}

.tekst_nieuws{
	float: right;
	width: 450px;
	padding-right: 100px;
}

a.nieuwskop:link, a.nieuwskop:visited { 
	font-size: 14px;
	color: #303030;
	text-decoration: none;
	}

a.nieuwskop:hover, a.nieuwskop:active { 
	color: #303030;
	text-decoration: underline;
	}
	
.datum{
	color: #969696;
}
	
	
.prijsvan{
	font-size: 11px;
	text-decoration: line-through;
}
	
	
	
	
/* Productvarianten
------------------------------------------------------------------------------------------ */

#variaties{
	float: left;
	width: 99%;
	padding: 0px 0px 30px 0px;
}

.varkolom1{
	float: left;
	font-weight: bold;
	width: 20%;
	padding: 3px 0px 3px 0px;
}

.varkolom2{
	float: left;
	width: 80%;
	padding: 3px 0px 3px 0px;	
}





	
.vartabel{
	width: 100%;
	float: left;
	padding: 0px 0px 20px 0px;
}

.vartabel th{	
	text-align: left;
	color: #696969;
	padding: 4px;
}

.vartabel td{
	text-align: left;
	padding: 4px;
}

.vartabel td img{	
	float: left;
}

.vartabel tr.varrow2{	
	background: #eeeeee;
}

.varprijs{
	color: #696969;
	font-weight: bold;
	font-size: 12px;
}


.sitemapul ul{
	padding: 0px 0px 0px 20px;
}




table.cart {
	width: 100%;
	position: relative;
	margin-left: -4px;
}

table.cart td{
	padding: 4px;
	margin: 0px;
}




tr.headers td{
	font-weight: bold;
}

tr.cart-subtotal td{
	border-top: 1px solid #e2e2e2;
	padding-top: 10px;
	font-weight: bold;
}





tr.cart-endtotal td{
	border-top: 1px solid #e2e2e2;
	padding-top: 10px;
	font-weight: bold;	
}

a.highslide .smallpica{
 	width: 45px;
	 border: 0px;
	 padding: 0px;
	 margin: 0px;
}	



.product{
	font-weight: bold;
}

.aantalfield { 
	height: 18px;
	width: 35px;
	border: 1px solid #e2e2e2;
	background: #ffffff;
	padding: 4px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	float: left;
	position: relative;
	}
	
.rij2{
	background: #f8f8f8;
}

.productfoto{
	float: left;
	padding: 1px;
}

.msg_head1{
	height: 35px;
	line-height: 35px;
	display: block;
	padding-left: 0px;
	background: none;
}

.msg_head2{
	height: 35px;
	line-height: 35px;
	display: block;
	padding-left: 0px;
	background: none;
}


.msg_head3{
	height: 45px;
	line-height: 45px;
	display: block;
	padding-left: 0px;
	background: none;
}

.msg_head{
	height: 28px;
	line-height: 28px;
	display: block;
	padding-left: 12px;
	background: url(../images/arrow_red.gif) 0px 10px no-repeat;
}

.msg_head a:link, .msg_head a:visited { 
	color: #616161;
	text-decoration: underline;	
	}

.msg_head a:hover, .msg_head a:active { 
	color: #f00517;
	text-decoration: underline;
	}
	
.bestelbutton{
	display: block;
	position: relative;	
}

.besteltekst{
	position: absolute;
	top: 5px;
	left: 140px;
}

.btn_bestel { 
	float: left;
	background: #8f8f8f;
	color: #ffffff;	
	font-size: 18px;
	padding: 5px 12px 6px 12px;
	cursor: pointer;
	}

.btn_bestel:hover { 
	color: #ffffff;
	text-decoration: none;
	background: #000000;
	}



a.btn_meer:link, a.btn_meer:visited { 
	position: absolute;
	right: 0px;
	bottom: 0px;
	color: #ffffff;
	text-decoration: none;
	padding: 1px 12px 2px 12px;
	background: #8f8f8f;		
	}

a.btn_meer:hover, a.btn_meer:active { 
	color: #ffffff;
	text-decoration: none;
	background: #1b1b20;		
	}


	
a.btn_bereken:link, a.btn_bereken:visited { 
	float: right;
	color: #ffffff;
	text-decoration: none;
	padding: 1px 12px 2px 12px;
	background: #8f8f8f;		
	}

a.btn_bereken:hover, a.btn_bereken:active { 
	color: #ffffff;
	text-decoration: none;
	background: #1b1b20;		
	}

a.btn_rood:link, a.btn_rood:visited { 
	float: left;
	color: #ffffff;
	text-decoration: none;
	padding: 1px 12px 2px 12px;
	background: #8f8f8f;
	}

a.btn_rood:hover, a.btn_rood:active { 
	color: #ffffff;
	text-decoration: none;
	background: #1b1b20;
	}
	
.btn_rood { 
	float: left;
	color: #ffffff;
	text-decoration: none;
	padding: 1px 12px 2px 12px;
	background: #8f8f8f;
	cursor: pointer;
	}

.btn_rood:hover { 
	color: #ffffff;
	text-decoration: none;
	background: #1b1b20;
	}	
	
.btn_bereken{ 
	float: right;
	color: #ffffff;
	text-decoration: none;
	padding: 1px 12px 2px 12px;
	background: #8f8f8f;
	cursor: pointer;
	}

.btn_bereken:hover{ 
	color: #ffffff;
	text-decoration: none;
	background: #1b1b20;		
	}	


.totaal{
	float: right;
	color: #717171;
	font-weight: bold;
	font-size: 17px;
	padding-top: 12px;
}


.lijn {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background: #e2e2e2;
}


.stappen{
	width: 100%;
	float: left;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 15px;
}

.stappen ul{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}

.stappen ul li{
	margin: 0px;
	display: inline;
	list-style-type: none;
	float: left;
	padding: 0px 15px 6px 0px;
	font-weight: bold;
	color: #8f8f8f;
}



.stappen ul li.inactief{
	filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;		
}


.factuuradres{
	float: left;
	line-height: 22px;
	padding-right: 50px;
}

.bezorgadres{
	float: left;
	line-height: 22px;
}


.specs {
	width: 100%px;
	margin: 0px 0px 30px 0px;
	color: #505050;
}

.specs td{
	border-bottom: 1px solid #e2e2e2;
}

.specs td.licht{
	color: #717171;
	width: 50%;
}




/**
 * Additional styles for the controls.
 */
.pagnav {
   	float: right;
   	height: 20px;
   	padding: 5px 20px 0px 10px;
    text-align: right;
    margin-bottom: 10px;
    border-bottom: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;    
    position: relative;
}

.pagnav a:link, .pagnav a:visited {
    font-size: 75%;
    text-decoration: none;
    padding: 2px;
    margin: 0px;
    border: 0px solid #fff;
    font-size: 11px;
    color: #3f3f3f;
    background-color: #none;
    font-weight: bold;
}

.pagnav a:focus,
.pagnav a:hover,
.pagnavpagnav a:active {
    outline: none;
    color: #8f8f8f;
}


.pagnav a.actief:link, .pagnav a.actief:visited {
    font-size: 75%;
    text-decoration: none;
    padding: 2px;
    margin: 0px;
    border: 0px solid #fff;
    font-size: 11px;
    color: #8f8f8f;
    background-color: #none;
    font-weight: bold;
}

.pagnav a.actief:focus,
.pagnav a.actief:hover,
.pagnavpagnav a.actief:active {
    outline: none;
    color: #8f8f8f;
}



a.button:link, a.button:visited { 
	position: absolute;
	top: 335px;
	left: 470px;
	width: 128px;
	height: 98px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 32px;
	text-decoration: none;
	padding: 45px 15px 15px 15px;
	background: url(../images/button.png) 0px 0px no-repeat;	
	text-shadow: #242424 -1px -1px;
	cursor: pointer;
	}
	


a.button:hover, a.button:active { 
	color: #ffffff;
	text-decoration: none;
	background: url(../images/button.png) 0px -158px no-repeat;	
	}
	
	
	/* Fix voor IE */
	* html a.button:link, * html a.button:visited, * html a.button:hover, * html a.button:active
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/button_ie6.png', sizingMethod='fit');
	}	
	
	
.uit_small{
	position: absolute;
	width: 79px;
	height: 92px;
	background: url(../images/uit_small.png) 0px 0px no-repeat;	
	top: -15px;
	right: -20px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: 0px 5px 0px 7px;
	text-shadow: #242424 -1px -1px;
}

	/* Fix voor IE */
	* html .uit_small
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/uit_small.png', sizingMethod='fit');
	}	


.uit_big{
	position: absolute;
	width: 112px;
	height: 124px;
	background: url(../images/uit_big.png) 0px 0px no-repeat;	
	bottom: -70px;
	right: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: 0px 5px 0px 7px;
	text-shadow: #242424 -1px -1px;
}	

	/* Fix voor IE */
	* html .uit_big
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/jokerimport/images/uit_big.png', sizingMethod='fit');
	}	













.prodoverzichtsearch{
	float: left;
	width: 722px;
}

.prodoverzichtsearch a:link, .prodoverzichtsearch a:visited { 
	float: left;
	width: 128px;
	height: 200px;
	color: #3f3f3f;
	text-decoration: none;
	margin: 0px 23px 0px 26px; 	
	line-height: 16px;
	position: relative;
	}

.prodoverzichtsearch a:hover, .prodoverzichtsearch a:active { 
	color: #969696;
	text-decoration: none;
	}
	
.prodoverzichtsearch a:link img, .prodoverzichtsearch a:visited img{
	border: 14px solid #cacaca;
	width: 100px;
	height: 100px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 3px;
}	

.prodoverzichtsearch a:hover img, .prodoverzichtsearch a:active img{
	border: 14px solid #aaaaaa;
}