/*

	De Kerstwinkel - by Creative Work.nl 
	
*/
* { 
	padding: 0; 
	margin: 0;
}
body { margin: 0; padding: 0; font-size: 75%; font-family: Arial, Helvetica, sans-serif;	background: #ffffff url(/img/bg.jpg) repeat-x 50% 0; }

ul, li { list-style-type: none; }

#wrapper { margin: 0 auto; width: 990px; position: relative; }

h1 a { background: url(/img/dekerstwinkel.png); display: block; width: 250px; height: 115px; border: 0px; text-indent: -999999px; float: left; outline: 0; }

#search { float: right; margin: 50px 0 0 0; padding: 0; }

#search .input_text { border: none; margin: 0; padding: 9px 9px 0 10px; height: 27px; width: 259px; color: #666666; float: left; background:url(/img/search_input.jpg); }

#search .input_button { border: none; margin: 0; float: left; padding: 0; background-color: #fff; }

/* 

		MENU
		 
*/


#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 53px;
	width: 990px;
	position: relative;
	clear: both;
	float: none;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	height: 53px;
	margin: 0 4px 0 0;
	padding: 0;
	text-indent: -900%;
	position: absolute;
	outline: 0;
}
#menu li span {
  display: none;
  position: absolute;
}
#menu li.active span {
  display: block;
}

/* 

		MENU BUTTONS
		 
*/
#menu li .kunstbomenSlingers {
  width: 130px;
  height: 53px;
  background: url(../img/menu/kunstbomen_slingers.jpg) no-repeat;
  left: 0;
  top: 0;
  text-indent: -90000px;
}
#menu .active .kunstbomenSlingers { background-position: left bottom;}
#menu li a.kunstbomenSlingers:hover{ background-position: left center;}
#menu li.active a.kunstbomenSlingers:hover{ background-position: left bottom;}
#menu li .kunstbomenSlingers span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}

#menu li .binnenverlichting {
  width: 117px;
  height: 53px;
  background: url(../img/menu/binnenverlichting.jpg) no-repeat;
  left: 132px;
  top: 0;
  text-indent: -90000px;
}
#menu .active .binnenverlichting { background-position: left bottom; }
#menu li a.binnenverlichting:hover{ background-position: left center;}
#menu li.active a.binnenverlichting:hover{ background-position: left bottom;}
#menu li .binnenverlichting span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}

#menu li .buitenverlichting {
  width: 117px;
  height: 53px;
  background: url(../img/menu/buitenverlichting.jpg) no-repeat;
  left: 251px;
  top: 0;
  text-indent: -90000px;
}
#menu .active .buitenverlichting { background-position: left bottom; }
#menu li a.buitenverlichting:hover{ background-position: left center;}
#menu li.active a.buitenverlichting:hover{ background-position: left bottom;}
#menu li .buitenverlichting span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}

#menu li .decoratie {
  width: 104px;
  height: 53px;
  background: url(../img/menu/decoratie.jpg) no-repeat;
  left: 370px;
  top: 0;
  text-indent: -90000px;
}
#menu .active .decoratie { background-position: left bottom; }
#menu li a.decoratie:hover{ background-position: left center;}
#menu li.active a.decoratie:hover{ background-position: left bottom;}
#menu li .decoratie span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}

#menu li .lichtslangen {
  width: 127px;
  height: 53px;
  background: url(../img/menu/lichtslangen.jpg) no-repeat;
  left: 476px;
  top: 0;
  text-indent: -90000px;
}
#menu .active .lichtslangen { background-position: left bottom; }
#menu li a.lichtslangen:hover{ background-position: left center;}
#menu li.active a.lichtslangen:hover{ background-position: left bottom;}
#menu li .lichtslangen span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}

#menu li .motieven {
  width: 101px;
  height: 53px;
  background: url(../img/menu/motieven.jpg) no-repeat;
  left: 605px;
  top: 0;
  text-indent: -90000px;
}
#menu .active .motieven { background-position: left bottom; }
#menu li a.motieven:hover{ background-position: left center;}
#menu li.active a.motieven:hover{ background-position: left bottom;}
#menu li .motieven span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}

#menu li .rendierenArreslee {
  width: 120px;
  height: 53px;
  background: url(../img/menu/rendieren_arreslee.jpg) no-repeat;
  left: 708px;
  top: 0;
  text-indent: -90000px;
}
#menu .active .rendierenArreslee { background-position: left bottom; }
#menu li a.rendierenArreslee:hover{ background-position: left center;}
#menu li.active a.rendierenArreslee:hover{ background-position: left bottom;}
#menu li .rendierenArreslee span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}

#menu li .reservelampenAansluitmateriaal {
  width: 160px;
  height: 53px;
  background: url(../img/menu/reservelampen_aansluitmateriaal.jpg) no-repeat;
  left: 830px;
  top: 0;
  text-indent: -90000px;
}
#menu .active .reservelampenAansluitmateriaal { background-position: left bottom; }
#menu li a.reservelampenAansluitmateriaal:hover{ background-position: left center;}
#menu li.active a.reservelampenAansluitmateriaal:hover{ background-position: left bottom;}
#menu li .reservelampenAansluitmateriaal span {width: 84px; height: 21px; background: url(../img/menu/active.png) no-repeat; left: 0px; top: -20px;}
#winkelwagen_button { clear: both; float: right; margin: 32px -22px 0 0; cursor: pointer; cursor: hand; position:absolute; right: 0px; top: 170px; clear: both; }

/* 

		NIEUWSBRIEF
		 
*/
.input_newsletter { border: none; margin: 10px 0 0 0; padding: 8px 9px 0 10px; height: 25px; width: 168px; color: #666666; float: left; background:url(../img/newsletter_input.jpg); }

.button_newsletter { border: none; margin: 10px 0 0 0; float: left; padding: 0; background-color: #fff; }


/*
	
	WINKELWAGEN
	
*/
#winkelwagen_button a {	width: 361px; height: 33px;	background-image: url(../img/winkelwagen_bg.png); display: block; text-decoration: none; color: #fff; line-height: 33px; }

#winkelwagen_link { height:33px;	width:361px; background-image: url(../img/winkelwagen_bg.png); display:block; cursor:pointer; }

#winkelwagen_link .aantal { line-height: 33px; padding: 0 0 0 33px; color: #fff; float: left; }

#winkelwagen_link .prijs { line-height: 33px; color: #fff; float: right; padding: 0 55px 0 0; }

#winkelwagen_box
{
	width:314px;
	background-color: #81AD20;
	display:none;
	z-index: 999999;
	position: absolute;
	right: 22px;
	border: 1px solid #526C2F;
	border-top: none;
	padding: 0;
	color: #fff;
}

#winkelwagen_box a
{
	background-color: #526C2F;
	color: #fff;
	text-indent: 10px;
	background-image: none;
	width: 314px;
}

#winkelwagen_box p
{
	width: 294px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	border-bottom: 1px solid #719229;
}

#winkelwagen_box p .titel
{
	float: left;
}

#winkelwagen_box p .prijs
{
	float: right;
}

#winkelwagen_box .winkelwagen_image
{
	background-image: url(../img/winkelwagen_button.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-indent: -9999px;
	overflow: hidden;
}


#breadcrumbs
{
	margin: 64px 0 0 0;
	padding: 0 0 0 2px;
	clear: both;
	list-style-type: none;
	width: 650px;
	color: #b2b2b2;
	
}

#breadcrumbs a
{
	color: #b2b2b2;
	text-decoration: none;
	font-size: 11px;
	padding: 0 4px 0 0;
	display: inline;
}

h2.headingLeft
{
	font-size: 18px;
	display: block;
	height: 45px;
	font-weight: normal;
	padding: 6px 0 0 10px;
	line-height: 2.2em;
	background-image: url(../img/bg_heading.jpg);
}
.headingIcon {
	display: block;
	height: 40px; 
	width: 40px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}
.iconProducten {
	background-image: url(../img/icon_producten.gif);
}
.iconKerstwinkel {
	background-image: url(../img/icon_kerstwinkel.gif);
}
.iconNieuwsbrief {
	background-image: url(../img/icon_nieuwsbrief.gif);
}


.frontpage_tabs
{
	display: block;
	width: 750px;
	float: left;
	margin: 10px 0 10px 0;
	height: 46px;
	padding: 5px 0 0 5px;
	background:url(../img/bg_heading.jpg);
	}
h3 {
	font-size: 14px;
	font-weight: bold;
	/*position: absolute;*/
}
.frontpage_tabs h3
{
	color: #333;
	float: left;
	margin: 0 5px -1px 0;
	height: 45px;
	border: 1px solid #dadada;
	border-bottom: 1px solid #fff;
	float: left
}

.frontpage_tabs h3 a
{
	display: block;
	height: 45px;
	padding: 0 15px 0 15px;
	color: #aaa;
	text-decoration: none;
	background: #ffffff url(../img/frontpage_tabs_inactive.png);
	line-height: 3em;
	float: left;
}
.frontpage_tabs h3 a.selected
{
	display: block;
	height: 45px;
	padding: 0 15px 0 15px;
	color: #333333;
	text-decoration: none;
	background: #ffffff;
	line-height: 3em;
	float: left;
}

#content h2
{
	font-size: 19px;
	font-weight: normal;
	padding: 13px 0 14px 10px;
	margin: 5px 0 15px 0;
	height: 24px;
	background: url(../img/bg_heading.jpg);
}

#content p
{
	margin: 5px 10px;
	line-height: 21px;
}

#left
{
	float: left;
	width: 220px;
	margin: 10px 0 0 0;
}

#left ul
{
	margin: 0 0 25px 0;
}

#left ul li a
{
	text-decoration: none;
	color: #333;
	height: 29px;
	line-height: 29px;
	padding: 0 13px;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	white-space:nowrap;
}
#left ul li a:hover {
	background: #efefef;
	color: #333333;
	font-weight: bold;
}
#left ul .submenu {
	margin: 0;
}
#left ul.submenu li a {
	background-color: #efefef;
	text-indent: 10px;
	
}
#left ul.submenu li a.active {
	background: url(../img/menu_producten_active.jpg) no-repeat;
	border-bottom: 1px solid #ffffff;
	width: 201px;
	color: #ffffff;
}	
#left ul li a.subActive
{
	font-weight: bold;
	background-color: #efefef;
}
#content
{
	float: left;
	width: 755px;
	margin: 5px 0 0 15px;
	
}

#footer
{
	float: left;
	margin: 15px 0 10px 0;
	border-top: 1px solid #e1e1e1;
	width: 995px;
}

#footer ul li
{
	float: left;
}

#footer ul li a
{
	float: left;
	padding: 7px 13px;
	border-right: 1px solid #e1e1e1;
	text-decoration: none;
	color: #aaa;
	font-size: 11px;
	display: inline;
}
#footer ul li a:hover
{
	text-decoration: underline;
}

.clear
{
	clear: both;
}

#ideal_button { width: 200px; border-top: 1px solid #e1e1e1; padding: 20px 10px 10px 10px; color: #666666; margin: 10px 0 0 0; }

#ideal_button img {margin: 0 10px 0 0;}

.ideal_pay { border: 1px solid #999; background-color: #efefef; margin: 0 0 0 10px; padding: 7px; color: #333; text-decoration: none; }


/****************************************************
	producten
*****************************************************/

a.product_box
{
	width: 176px;
	height: 238px;
	border: 2px solid #e1e1e1;
	float: left;
	margin: 0 11px 10px 0;
	overflow: hidden;
	display: block;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	position: relative;
}

a.product_box:hover
{
	border: 2px solid #C12912;
}

a.product_box h3
{
	font-size: 12px;
	margin: 15px 15px 8px 15px;
	color #333;
}

a.product_box p
{
	
	position: relative;
	bottom: 40px;

	text-align: center;
}

a.product_box .image
{
	padding: 0;
	width: 180px;
	height: 130px;
	/*height: 240px;*/
	margin: 0;
	display: inline;
	display: table-cell;
    text-align: center;
	
    vertical-align: middle;
	border: 0;
	*line-height: 130px;
	
}

a.product_box .image img
{
	border: 0;
	
}


a.product_box .prijs
{
	background-image: url(../img/prijs_bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	position:  absolute;
	top: 160px;
	right: 20px;
	color: #fff;
	width: 61px;
	display: block;
	padding: 24px 0;
	text-align: center;
	
}

a.product_box .prijs small
{
	font-size: 10px;
}

.product_image
{
	float: left;
	margin: 0 10px 5px 10px;
	width: 200px;
}

.product_image small
{
	width: 55px;
	height: 55px;
	margin: 0 7px 0 0;
	border: 1px solid #e1e1e1;
	float: left;
	text-align: center;
}

.product_image small img
{
	border: none;
	padding: 3px;
}

.product_image small.active
{
	border: 1px solid #C12912;
}


.product_description
{
	float: left;
	width: 510px;
	margin: 5px 0 0 20px;
	padding: 0 0 20px 0;
	line-height: 19px;
	
}

.product_options
{
	padding: 15px 0 15px 10px;
	width: 505px;
	float: left;
	margin: 10px 0 20px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.product_options table
{
	width: inherit;
	}

.product_options label
{
	float: left;
	width: 100px;
	margin: 8px 0;
	clear: left;
}

.product_options select
{

	float: left;
	width: 160px;
	padding: 3px;
	border: 1px solid #ddd;
	margin: 3px 0;
	clear: right;

}

.product_prijs
{
	font-size: 19px;
	position: relative;
	float: right;
	clear: both;
	margin: 5px 20px 0 0;
	padding: 0;
	text-align: right;
	
}

.product_prijs .small
{
	margin: 3px 0 0 0;
	color: #777;
	font-size: 11px;
	display: block;
}

.submit_button
{
	
	float: right;
	margin: 10px 20px 0 0;
}

h3.product_bijlage
{
	font-size: 15px;
	margin: 5px 0 10px 0;
}

a.product_pdf
{
	background-image: url(../img/pdf_button.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 2px 0 2px 25px;
	color: #C12912;
	margin: 5px 0;
}

a.product_box .artikelnr {
	
	position:  absolute;
	top: 190px;
	left: 20px;

}
.pagination
{
	margin-left: 235px;
}

.pagination span
{
	
	padding: 2px 3px;
}

.pagination span.current
{
	font-weight: bold;
}

.pagination a:visited
{
	color: #000000;
	padding: 2px 3px;
}

/****************************************************
	winkelwagen
*****************************************************/

.winkelwagen
{
	margin: 15px 0 0 0;
}

.winkelwagen .winkelwagen_item
{
	clear: both;
	display: block;
	padding: 0 10px;
	border-top: 1px solid #e1e1e1;
}

.winkelwagen .winkelwagen_item .image
{
	float: left;
	border: 1px solid #e1e1e1;
	width: 70px;
	height: 70px;
	margin: 12px 0 12px 0;
	text-align: center;
	
}

.winkelwagen .winkelwagen_item .image img
{
	margin: 9px 0 0 0;
	padding: 2px;
	height: 50px;
	
}

.winkelwagen .winkelwagen_item .description
{
	float: left;
	margin: 7px 0 0 15px;
}

.winkelwagen .winkelwagen_item .description form
{
	margin: 6px 0 0 0;
	float: left;
}

.winkelwagen .winkelwagen_item .description .input_text
{
	border: 1px solid #ccc;
	padding: 3px;
	margin: 2px 0 0 5px;
}

.winkelwagen .winkelwagen_item .description h3
{
	font-size: 16px;
	margin: 8px 0 5px 0;
	padding: 0;
}

.winkelwagen .winkelwagen_item .description  .button_verwijderen
{
	background-image: url(../img/verwijderen.png);
	background-repeat: no-repeat;
	width: 105px;
	height: 27px;
	margin: 6px 0 0 9px;
	text-decoration: none;
	line-height: 27px;
	color: #333;
	text-indent: 30px;
	float: left; 
}



.winkelwagen .winkelwagen_item .prijs
{
	font-weight: bold;
	float: right;
	margin: 15px 0 0 0 ;
}

.winkelwagen .totaal_prijs
{
	clear: both;
	border-top: 2px solid #666;
	
}

.winkelwagen .totaal_prijs h3
{
	font-size: 17px;
	float: right;
	padding: 15px 10px;
}

.afrekenen_button
{
	background-image: url(../img/afrekenen.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 104px;
	height: 34px;
	clear: both;
	float: right;
	margin: 10px 0;
}

.bestellen_button
{
	background-image: url(../img/bestellen.png);
	background-repeat: no-repeat;
	background-position: top left;
	border: 0;
	
	width: 104px;
	height: 34px;
	
	float: right;
	margin: 15px 0 0 0;
	cursor: pointer;
	cursor: hand;
}



/****************************************************
	afrekenen
*****************************************************/

.afrekenen
{
	
	float: left;
	margin: 10px;
}

.afrekenen label
{
	padding: 4px 0;
	margin: 0 10px 0 0;
	width: 150px;
	display: inline-block;
	margin: 3px 0 9px 0;
}

.afrekenen .label_right
{
	padding: 4px 0;
	margin: 0 10px 0 0;
	width: 130px;
	display: inline-block;
	margin: 2px 5px;
}

.afrekenen .label_right2
{
	padding: 5px 0;
	width: 260px;
	display: inline-block;
	margin: 8px 5px;
}

.afrekenen .input_text
{
	border: 1px solid #ccc;
	padding: 4px;
	display: inline-block;
	margin: 3px 0 9px 0;
	width: 200px;
}

.afrekenen .input_radio
{
	display: inline-block;
	padding: 4px;
	margin: 5px 0;
	
}

.afrekenen .input_check
{
	display: inline;
	padding: 0;
	position: relative;
	
	top: 0;
}



.afrekenen em
{
	display: inline-block;
	font-size: 15px;
	padding: 3px 5px;
	color: #C12912;
}

.afrekenen h3
{
	display: block;
	font-size: 13px;
	margin: 5px 0 9px 0;
}

h3.header_afrekenen
{
	font-size: 13px;
	
	margin: 15px 0 0 5px ;
}

.winkelwagen_small
{
	float: right;
	background-color: #f1f1f1;
	width: 316px;
	
	margin: 11px 0 0 0;

}

.winkelwagen_small a
{
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0 10px;
	clear: both;
	
}

.winkelwagen_small a .naam
{
	padding: 8px 0 6px 0;
	float: left;
}

.winkelwagen_small a .prijs
{
	padding: 8px 0 6px 0;
	float: right;
}

.winkelwagen_small .totaal
{
	font-size: 14px;
	margin: 5px 10px 5px 0;
	clear: both;
	float: right;
	line-height: 26px;
	text-align: right;
	
}

.winkelwagen_small .totaal strong
{
	font-size: 17px;
}

/****************************************************
	contact
*****************************************************/

.contact_text
{
	width: 250px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
}

.contact_form
{
	width: 410px;
	margin: 10px;
	float: left;
}

.contact_form label
{
	vertical-align: top;
	padding: 4px 0;
	margin: 0 10px 0 0;
	width: 150px;
	display: inline-block;
	margin: 3px 0 9px 0;
}

.contact_form .input_text
{
	border: 1px solid #ccc;
	padding: 4px;
	display: inline-block;
	margin: 3px 0 9px 0;
	width: 210px;
	color: #666;
}

.contact_form em
{
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	padding: 3px 5px;
	color: #C12912;
}

.contact_form .input_radio
{
	padding: 4px;
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	margin: 5px 5px 5px 0;
	
}

.cross_selling
{
	margin: 10px 0 0 0;
}

.cross_selling a.box
{
	width: 90px;
	height: 90px;
	border: 2px solid #e1e1e1;
	float: left;
	margin: 0 11px 10px 0;
	overflow: hidden;
	display: block;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.cross_selling a.box:hover
{
	border: 2px solid #C12912;
}


.cross_selling a.box .image
{
	padding: 0;
	width: 90px;
	height: 90px;
	margin: 0;
	display: inline;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	border: 0;
	*line-height: 90px;
	
}

.cross_selling a.box .image img
{
	border: 0;
	padding: 0 0 5px 0;
}


/****************************************************
	slider frontpage
*****************************************************/
		
#main-photo-slider  { width: 755px; z-index: 0;}
.panel ul { text-align: left; margin: 0 15px 0 30px; display: block; }
.stripViewer { position: relative; overflow: hidden; width: 755px; height: 296px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; z-index: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 755px; overflow: hidden;}
.stripNavL, .stripNavR, .stripNav { display: none; }
.photo-meta-data { background-image: url(../img/transpBlack.png); line-height: 17px; padding: 10px 15px; height: 55px; margin: -75px 0 0 5px; display: block; position: relative; z-index: 9999; color: white; }
#content .photo-meta-data h2 { color: #ffffff; background: none; }
.photo-meta-data span  { font-size: 13px; }
.photo-meta-data a.slider_button { font-family: trebuchet ms, tahoma; font-size: 13px; color: #333; line-height: 42px; text-decoration: none; text-align: center; background: url(../img/slider_button.png); width: 201px; height: 44px; display: block; position: absolute; top: 20px; right: 30px;}
#main-photo-slider h2  { font-size: 18px; border: none; margin: 5px 0 8px 0; padding: 0; }

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:755px;
	overflow:hidden; 
	}
span#prevBtn{
	
	background-color: #fff;
	padding: 5px 0px 5px 5px;
	position: absolute;
	top: 251px;
	right: 67px;
	display: block;
	margin: 0 0 0 0;
		
	}
	
span#prevBtn a{
	
	display: block;
	float: left;
	color: #888;
	text-decoration: none;
	background-color: #e8e8e8;
	padding: 0;
	border: 1px solid #ccc;
	height: 17px;
	line-height: 17px;
	width: 40px;
	text-align: center;
	margin: 0 5px 0 0;
		
	}
span#nextBtn{
	
	background-color: #fff;
	padding: 5px 0px 5px 5px;
	position: absolute;
	top: 251px;
	right: 0;
	display: block;
	margin: 0 0 0 0;
		
	}
	
span#nextBtn a{
	
	display: block;
	float: left;
	color: #888;
	text-decoration: none;
	background-color: #e8e8e8;
	padding: 0;
	border: 1px solid #ccc;
	height: 17px;
	line-height: 17px;
	width: 55px;
	text-align: center;
	margin: 0 5px 0 0;
		
	}	
	
span#nextBtn a:hover{
	
	background-color: #81AD20;
	border: 1px solid #457209;
	color: #fff;
		
	}
	
span#prevBtn a:hover{
	
	background-color: #81AD20;
	border: 1px solid #457209;
	color: #fff;
		
	}