@import url("http://www.wingweb.nl/css/reset.css");

body
{
	background:			#484848 url(../images/bg_all.jpg) no-repeat top center;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	line-height: 		14px;
	margin:				0px;
}

img{	
	border:				0;	
}

a{
	outline:			none;
/*	color:				#FF6600;*/
	color:				#ff9625;
	text-decoration:	none;
}

a:hover{
	color:				#FFFFFF;
	text-decoration:	underline;
}

/* 	start
	Aanpassingen homepagina
	toegevoegd 26-02-09 
*/
    

#holder{

	width:				1002px;
	background: 		#333333;
	margin: 			0 auto;
/*	border-left:		1px solid #333333;
	border-right:		1px solid #333333;*/


}

#flashHeader{

	width:				822px;
	height:				176px;
	background:			url(../images/bg_flash_top.jpg) no-repeat;
	clear:				both;

}

#mainTextHolder{
	
	float:				left;
	background: 		#898989 url(../images/bg_text.jpg) no-repeat bottom left;
	width:				394px;
	min-height:			510px;
	height:				auto !important;
	height:				510px;
	padding: 			10px 5px 0 5px;
	overflow:			auto !important;
	border-right:		1px solid #b1b1b1;
	border-bottom:		1px solid #9fa1aa;	
	color:				#fff;	
	font-family: 		Arial;
	font-size:			14px;
	
}

#mainTextHolder h1{

}

#slideshowHolder{
	
	float:				left;
	width:				415px;
	min-height:			410px;
	height:				auto !important;
	height:				410px;
	border-bottom:		1px solid #9fa1aa;
	clear:				right;
	

}

#image{

	width:				405px;
	height:				397px;
	border:				1px solid #b1b4bd;
	margin:				5px;
	
}

#image img{

	margin-left:-2px;

}

#newProducts{

	width:				822px;
	min-height:			173px;
	height:				auto !important;
	height:				173px;
	background:			url(/demolive/images/bg_nieuw.jpg) no-repeat;
	clear:				both;

}


/* 	eind
	Aanpassingen homepagina
	toegevoegd 26-02-09 
*/

div#header
{
	background:			transparent url(../images/header.png) no-repeat top center;
	width:				1002px;
	height:				130px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		10px;
}
div#menu
{
	background:			transparent url(../images/menu.jpg) no-repeat;
	width:				984px;
	height:				19px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		10px;
	padding:			11px 10px 8px 8px;
	font-size:			17px;
	font-weight:		bold;
	text-align:			center;
}
div#menu a
{
	color:				#FFFFFF;
	text-decoration:	none;
	padding: 			0 10px 0 10px;
}
div#menu a:hover
{
	color:				#FF6600;
}

a.outlet
{
	color:				#FF6600;
	text-decoration:	none;
	padding: 			0 10px 0 10px;
}
a.outlet:hover
{
	color:				#FFFFFF;
}

div#innermenu
{
	color:				#FFFFFF;
	width:				984px;
/*	margin:				10px;
	padding-top:		13px;*/
}
div.menubutton
{
	float:				left;
}
div.menuspacer
{
	width:				15px;
	float:				left;
	text-align:			center;
}
div#container
{
	background:			#868686 url(../images/bg-container.jpg) repeat-y; 
	width:				1002px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		10px;

	font-size:			16px;
}
div#footer
{
	width:				1002px;
	height:				12px;
	font-size:			10px;
	color:				#FFFFFF;
	text-align:			center;
	background:			#333333;
	padding-bottom:		9px;
	margin-bottom:		5px;
}
div#footer a{
	font-weight:bold;
}

div#trefwoorden
{
	width:				1002px;
	font-size:			10px;
	color:				#FFFFFF;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	background:			#333333;
	padding-bottom:		9px;
	margin-bottom:		5px;
	border-top:			1px solid #5d5d5d;
}

.submenu{
	background-color:	#999999;
	width:				180px;
	min-height:			550px;
	height:				auto !important;
	height:				550px;
	font-size:			12px;
	color:				#FFFFFF;
	padding:			0 0 10px 0;
	margin: 			0;
	float:				left;
}
.submenu ul, li
{
	margin:				0px;
	padding: 			0px;
	display:			block;
	color:				#000000;
	list-style:			none;

}
.submenu ul{
	background:			url(../images/bg_menu_left.jpg) repeat-y top left;

}

.submenu ul li{
	height:20px;
	padding:10px 0 0 5px;
}

#subcat li{
	
	background: 		#cfcfcf;
	
}

#subcat li a{
	
	font-weight:		normal;
	
}

.submenu a
{
	color:				#000000;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			13px;
	display:			block;

}
.submenu a:hover
{
	color:				#FF6600;
}

#spacer{
	height:				588px;
}


div#content
{
	padding: 			5px 0 0 2px;
	width:				740px;
	float:				left;
	font-size:			12px;
	margin-left:		10px;
	line-height:		19px;
	color:				#fff;
}
#content ul
{
	padding:			0 0 0 25px;
}
#content li{
	color:				#ffffff;
}
#tekst{
	line-height:		17px;
	color: 				#fff;
}
div#shoppingbasket
{
	position:			absolute;
	clear:				both;
	padding:			0px;
	background-image:	url(../images/2winkelwagen.jpg);
	background-repeat:	no-repeat;
	background-position:center;
	height:				176px;
	width:				180px;
	z-index:			4;
	margin-top: 		-16px;	
}

div#idealTop
{
	position:			absolute;
	padding:			0px;
	height:				74px;
	width:				180px;
	z-index:			20;
	margin-top:		    86px;
	
}

#winkelwagen {	
	margin: 			0 0 10px 0;
	text-align:			center;
	padding:			0;
	line-height:		20px;
}


#empNotice{
	font-family:		arial;
	font-size:			9px;
	padding:			2px 0 0 2px;
	margin:				0 0 10px 0;
	color:				#fff;
}

.btn_bestellen{
	float:				left;
	padding:			5px 10px 0 10px;
	margin-top:			5px;
}

.btn_legen{	
	float:				right;
	padding:			5px 10px 0 10px;
	margin-top:			5px;	
}

.btn_bestellen a,
.btn_legen a {
	color:#cacaca;
}

div#tabmenu a
{
	color:				#FFFFFF;
	font-size:			12px;
	line-height:		14px;
}

/*	impressie foto */

.impressie-foto{
	float:				left;
	position:			relative;
	margin:				15px 22px;
	height:				90px;
	overflow:			hidden;
	border:				2px solid #d17d22;
}

/*    PRODUCTEN OVERZICHT */


.producten{	
	float:				left;
	width:				220px;
	background: 		#fff;	
	margin: 			0 0 25px 15px; 
	height:				300px;
	min-height:			300px;
	font-size:			11px;
	overflow:			hidden;	
	color:				#000;
}

.producten h4{
	padding:			5px;
	margin:				0;
	display:			block;
	background: 		#000;
	color:				#fff;
	font-size:			12px;
	height:				37px;
}

.producten .product_foto{
	
	width:				120px;
	margin:				0 auto;
	height:				120px;
	overflow:			hidden;	
	padding:			10px 0 10px 0;
	
}

.producten .product-infokort{
	width:				210px;
	display:			block;
	padding:			5px;
	margin: 			5px 0 0 0;
	overflow:			hidden;
	height:				35px;
	border-bottom:		1px dashed #717174;
}

.producten .product-prijs{
	
	display:			block;
	text-align:			center;
	font-size:			15px;
	font-weight:		bold;	
	
}

.producten .product-prijs-oud{
	font-size:			12pt;
}

.producten .product-prijs-nieuw{
	color:				#ff9625;
	font-size:			14pt;
}

.producten .productenbekijken{
	padding:			4px;
	float:				left;
	background: 		#fff;
}

.producten .productenbestellen{
	padding:			4px;
	float:				right;
	background: 		#fff;	
}

.producten .productenbekijken a,
.producten .productenbestellen a{
	
	text-decoration:	none;
	color:				#000;
	font-weight:		bold;
	
}

.producten .productenbekijken a:hover,
.producten .productenbestellen a:hover{
	
	color:				#f59226;
	
}


.product_nieuw_prijs{
	color:#767676;
}

.product_nieuw1{
	width:110px;
	float:left;
	margin: 25px 0 0 22px;
}
.product_nieuw2{
	width:110px;
	float:left;
	margin: 25px 0 0 47px;
}.product_nieuw3{
	width:110px;
	float:left;
	margin: 25px 0 0 51px;
}.product_nieuw4{
	width:110px;
	float:left;
	margin: 25px 0 0 58px;
}.product_nieuw5{
	width:110px;
	float:left;
	margin: 25px 0 0 48px;
}

.product_nieuw_afb{
	width:120px;
	height: 70px;
	overflow:hidden;
}


#gekoppeld_top{
	
	width:				550px;
	height:				48px;
	background: 		url(../images/bijpassende_producten.jpg) no-repeat;
	
}



/*    OVERZICHT PER PRODUCT  */

#product-holder{
/*	background-color:	#fff;
	border-bottom:		1px dashed #717174;
	border:				1px dashed #e2e2e2;*/
	padding:			2px;
	float:				left;
}

h2{
	font-size:			17px;
	color:				#000;
	margin: 			0 0 30px 0;
}

#product-holder h2{

	padding:			5px;
	margin:				0;
	display:			block;
	background: 		#000;
	color:				#fff;
	font-size:			14px;
	height:				37px;
	width:				160px;
	
}

.product-foto-groot{
	background:			#fff; 
	width:				150px;
	float:				left;
	padding: 			20px 0px 0px 20px;
}

.product-tekst{
	
	width:				300px;
	float:				left;
	color:				#fff;
	padding:			0px 0px 0px 20px;
}

.product-uitgebreid-prijs{
	
	padding: 			30px 0 0 0;
/*	font-size:			18px;
	color:				#ff9625;*/
	display:			block;
	text-align:			center;
	font-size:			15px;
	font-weight:		bold;	
	
	
}

.product-uitgebreid-prijs-oud{
	font-size:			16px;
}

.product-uitgebreid-prijs-nieuw{
	color:				#ff9625;
	font-size:			20px;
}

.zoom a{
	
	text-decoration:	none;
	color: 				#000;	
	
}

.product-artnr{
	
	padding: 			10px 0 5px 0;
	color:				#9e9d9d;
	
}

.back-to-overview{
	padding: 			30px 0 5px 5px;
	width:				170px;
}

.teruglink{
	
	text-decoration:	none;
	color: 				#fff;
}

.teruglink:hover{
	color: 				#ff9625;
}

#gekoppelde_producten{
	padding:			10px;
	
}

.gekoppeld_product{
	padding:			2px;
	background:			#8a8a8a;
	background:			#fff; 
	width:				150px;
	float:				left;
	height:				290px;	
	margin:				0 15px 15px 0;
}

.gekoppeld_meer{
	background:			#fff;
	height:				155px;	

}

.gekoppeld_product .product-prijs{
	
	display:			block;
	text-align:			center;
	font-size:			15px;
	font-weight:		bold;	
	
}

.gekoppeld_product .product-prijs-oud{
	font-size:			14px;
}

.gekoppeld_product .product-prijs-nieuw{
	color:				#ff9625;
	font-size:			16px;
}

.gekoppeld_product h2{
	
	display:			block;
	background: 		#c2c0c0;
	font-size:			11px;
	color: 				#000;
	font-weight:		normal;
	padding: 			2px;
	height:				40px;
	
}

.gekoppeld_product h3{
	
	display:block;
	font-size:14px;
	color: #000;
	font-weight:normal;
	padding: 2px;
	text-align:center;
	
}

.gekoppeld_product img{
	width:85px;
	
}

.gImage{
	height:130px;
	width:90px;
	margin: 0 auto;
	overflow:hidden;
}


#product-holder1{
/*	background-color:	#fff;
	border-bottom:		1px dashed #717174;
	border:				1px dashed #e2e2e2;*/
	padding:			2px;
	float:				left;
	margin:				0 10px 15px 0;
}

#product-holder1 a:hover{
	color:#000;
}

#product-holder1 h2{
	padding:			5px;
	margin:				0;
	display:			block;
	background: 		#000;
	color:				#fff;
	font-size:			14px;
	height:				37px;
	width:				160px;
}

.dealer{
	background:			#fff; 
	width:				160px;
	float:				left;
	padding: 			10px 0px 0px 10px;
}

h1{
	font-size:17px;
	padding-bottom:15px;
	color: #fff;
}


/*bestellen*/
#order_holder{	
	position:			relative;
	width:				520px;
	clear:				both;
	margin-top:			10px;
	margin-bottom:		30px;
	padding:		    5px;
	border:				1px solid #494949;
	background:			#878787;

}

#order_holder a{ 
	color:				#747576;
	text-decoration:	none;
}

#order_holder a:hover{ 
	color:				#000;
	text-decoration:	none;
}	

#naw_holder{
	position:			relative;
	float:				left;
	width:				520px;
	clear:				both;
	margin-top:			10px;
	margin-bottom:		15px;
	padding:			5px;
	border:				1px solid #565454;
	background:			#a5a4a4
}

#send_holder{
	position:relative;
	float:left;
	width:550px;
	clear:both;
	margin-bottom:15px;
	padding:5px;
}

#next_holder{
	position:relative;
	float:left;
	width:500px;
	clear:both;
	margin-bottom:15px;
	padding:5px;
	text-align:right;
}

#next_holder{
	text-align:-moz-right;
}

#naw_holder a{ 
	color:#747576;
	text-decoration:none;
}

#naw_holder a:hover{ 
	color:#000;
	text-decoration:none;
}

#total_holder{
	position:relative;
	width:550px;
	clear:both;	
	margin-bottom:10px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding:5px;
}

#extra_info_line{
	position:relative;
	width:550px;
	clear:both;	
	margin-bottom:20px;
	text-align:center;
	color:#a5a4a4;
	padding:5px;
}

.order_item_holder{
	position:relative;
	display:block;
	height:30px;
	width:520px;
	margin-bottom:4px;	
	clear:both;
	border:1px solid #5d5d5d;
	background:#aeacac;
}

.order_item_holder_aantal{
	position:relative;
	float:left;
	width:60px;
	padding:4px 10px 0 2px;
}

input.aantal{
	width:20px;
}

.order_item_holder_naam{
	position:relative;
	float:left;
	width:270px;
	padding-top:8px;
}

.order_item_holder_naam a{
	text-decoration:none;
}

.order_item_holder_prijs{
	position:relative;
	float:left;
	width:130px;
	padding-top:8px;
	padding-right:15px;
}

.order_item_holder_buttons{
	position:relative;
	float:left;
	width:17px;
	text-align:center;
	padding-top:4px;
}

.order_item_holder_buttons{
	text-align:-moz-center;
}

.stap{
	padding: 0;
	margin-top:20px;
	font-size:15px;
	color: #fff;
}

.row_holder{
	position:relative;
	display:block;
	height:30px;
	width:500px;
	clear:both;
}

.row_holder1{
	position:relative;
	display:block;
	height:110px;
	width:500px;
	clear:both;
}

.row_holder_error{
	position:relative;
	display:block;
	height:30px;
	width:500px;
	clear:both;
	background-color: #7d7d7d;
}

.row_holder1_error{
	position:relative;
	display:block;
	height:110px;
	width:500px;
	background-color: #7d7d7d;
	clear:both;
}

.naw_field{
	position:relative;
	float:left;
	width:100px;
	padding-top:6px;
	text-align:right;
}

.txt_field{
	position:relative;
	float:left;
	width:350px;
	padding-left:20px;
	padding-top:3px;
}

.txt_field_red{
	position:relative;
	float:left;
	width:320px;
	padding-left:20px;
	padding-top:3px;
	border: 1px solid #ca251e;
}

.txt_field1{
	position:relative;
	float:left;
	width:300px;
	padding-left:20px;
	padding-top:3px;
	height:60px;
}

input.naw{
	width:340px;
}

input.naw:focus{
	
	border:1px solid #fdc49f;
	outline:none;
	
}


#sendbutton_holder{
	position:relative;
	width:500px;
	clear:both;
	margin-top:30px;
	margin-bottom:10px;
	padding:5px;
	text-align:center;
}

#sendbutton_holder1{
	
}

#sendbutton_holder{
	text-align:-moz-center;
}

input.btn_send{
	width:150px;
	height:25px;
}
/*einde bestellen */