/*
	Anika Fashion
	Stylesheet
	Copyright 2007 i-Aspect B.V.
*/

/* standaard tags */
	html{
/*		height:100%;*/
		margin:0px;
		padding:0px;
/*		background:url(../images/bg_footer.gif) repeat-x bottom fixed;*/
		font:14px "Trebuchet MS", Verdana, Arial, Helvetica;
		color:#828181;
	}
	
	body{
		background:url(../images/bg.gif) repeat-x top;	
		margin:0px;
		padding:0px;

	}
	div.pageholder{
		width:680px;
		padding:0px 46px 0px 46px;
		_padding:0px 26px 0px 46px; /* ie6 */
		margin:26px auto 0px auto;
		background:url(../images/bg_content.gif) no-repeat 0px 0px #ffffff;
	}
	a{
		text-decoration:underline;
		color:#a6a6a6;
	}
	a:hover{
		text-decoration:none;
	}
	
h3,h4{
/*		font-size:16px;*/
		margin:0px;
	}
	h1{
		clear:both;
		color:#aea87a;
		font-family:"Lucida Sans","Trebuchet MS", Verdana, Arial, Helvetica;
		font-weight:normal;
/*		margin:1*/
		margin-left:10px;
/*		margin:10px;
		margin-top:0px;*/
		font-size:22px;
	}
	h2{

		margin-top:0px;
		margin-left:0px;		
		font-size:14px;
	}
	h3{
		color:#488ecc;
	}
	h4{
		color:#696969;
		font-size:12px;
	}
	p{
		font-size:12px;
		margin-top:0px;
		color:#686868;
	}
	.hide{
		display:none;
	}
	
	img.logo{
		margin-right:14px;
	}
	
	div.hr{
		height:1px;
		margin-top:10px;
		margin-bottom:10px;		
		background:url(../images/bg_ruler.gif) repeat-x #ffffff;
	}
		div.hr hr {
		  display: none;
		}
	
	ul.sitewide{
		text-align:right;
		list-style:none;
		padding:20px 20px 0px 530px;

		width:150px;
		height:30px;
		margin:0px;
	}
		ul.sitewide li{
			float:left;
			margin-left:10px;
			font-size:12px;			
			color:#828181;			
		}
			ul.sitewide li a{
				color:#828181;
				font-size:12px;
			}
	
/* welkom pagina */	
	ul.news{
		list-style:none;
		border:1px solid #dad9d9;
		background-color:#ffffff;		
		padding:10px;
		overflow:hidden;		
		margin:20px 0px 20px 0px;
	}
		ul.news li{
			background:url(../images/bg_newsitem.gif) top repeat-x;
/*			border-bottom:1px dashed #bab9b9;*/
			height:19px;
			margin:0px;
			padding:2px;
			padding-left:10px;
		}
		ul.news li.all{
			background:none;
			text-align:right;
			padding:5px;
			padding-top:8px;
			padding-bottom:2px;
			height:16px;
		}
		
		ul.news li a{
			text-decoration:none;
			color:#828181;
		}	
			ul.news li a:hover{
				text-decoration:underline;
			}
		
	ul.entrances{
		float:none;
		margin:20px 0px 0px 0px;
		padding:0px;
		list-style:none;
		overflow:hidden;
/*		border:1px solid #dad9d9;		*/
	}
		ul.entrances li{	
			float:left;
			margin-left:22px;
		}
			ul.entrances li.first-child{
				margin-left:0px;
			}



/* pagina opmaak */

	div.menuholder{
		width:156px;
		float:left;
		margin-top:20px;	
	}
		div.sidebar{ /* op contact pagina */
			border:1px solid #d2d1d1;
			padding:5px;
			font-size:12px;
			margin-bottom:20px;
		}
			div.sidebar address{
				font-style:normal;
				font-size:12px;
			}
	
	
	
	div.headingholder, div.navigationholder, div.contentholder{
		margin-left:14px;
		margin-top:10px;
		padding:10px;
		padding-top:0px;
		padding-left:15px;
/*			border:1px solid #ff00ff;		*/
		width:480px;
		float:left;
	}

/* navigatie pad */
	div.navigationholder, div.contentholder{
		margin-left:18px;
		margin-top:20px;
		padding:0px;
		width:506px;
		
	}
	
		ul.navigationpath{
			background-color:#f8f8f8;
			height:20px;
			list-style:none;
			margin:0px;
/*			margin-left:-10px;
			margin-right:-10px;
			margin-bottom:-10px;*/
			padding:3px;

		}
			ul.navigationpath li{
				margin-left:5px;
				font-size:12px;
				float:left;
			}
				ul.navigationpath li strong{
					color:#696969;
				}
				ul.navigationpath li a{
					font-size:12px;
				}

/* collectie overzicht */
	ul.products{
		list-style:none;
		padding:0px;
		margin:0px;	
		margin-left:10px;		
/*		border:1px solid #ff00ff;*/
		overflow:auto;
	}
		ul.products li{
			width:153px;
			height:145px;
			margin-right:9px;
			margin-bottom:9px;			

			float:left;
			border:1px solid #d1d1d1;
		}
		ul.products li h4{
			height:18px;
			padding:3px;
			padding-left:5px;
		}
		ul.products li a.btn_add{
			float:left;
		}
		
		ul.products li span.price{
			display:block;
			float:left;
			width:121px;
			padding:3px;
			background:url(../images/bg_price.gif) repeat-x top;
			text-align:right;
			font-weight:bold;
		}
	
/* product detail */
		img.productphoto{
			border:1px solid #d1d1d1;
			width:300px;
			padding:10px;
/*			height:300px;*/
			float:left;
		}
		ul.productdetail{
			list-style:none;
			float:left;			
			width:170px;
			padding:0px;
			margin:0px;
			overflow:auto;
			margin-left:10px;
			border:1px solid #d1d1d1;			
		}
			ul.productdetail li{
				font-size:12px;
				padding:5px;
			}
		ul.productdetail h2{
			font-size:14px;
			
		}
		ul.productdetail strong{
			color:#aba67d;
		}
		ul.productdetail em{
			color:#696969;
			font-weight:bold;
			font-size:16px;
			font-style:normal;
			margin-left:50px;
		}
		
	/* pagina knoppen onderaan */
	ul.pagenavigation{
/*		float:right;*/
		list-style:none;
		text-align:right;
		padding:0px;
		margin:10px;
		margin-left:0px;
/*		border:1px solid #ff00ff;*/
		overflow:hidden;
		width:500px;
		
	}
		ul.pagenavigation li{
			float:left;
			height:20px;
			width:21px;
			border:1px solid #bfbfbf;
			margin-left:4px;
		}
		ul.pagenavigation li.btn_vorige, ul.pagenavigation li.btn_volgende{
			border:none;
			width:auto;
		}
		ul.pagenavigation li.btn_vorige{
			float:left;
			width:90px;
		}
		ul.pagenavigation li.btn_volgende{
			float:right;
			width:100px;			
		}
			ul.pagenavigation li a{
				color:#696969;
				text-decoration:none;
				display:block;
				height:20px;
				width:21px;				
				text-align:center;
			}
				ul.pagenavigation li a:hover,	ul.pagenavigation li a.active{
					text-decoration:underline;
					background-color:#c8c4a5;
					color:#ffffff;
				}
				ul.pagenavigation li a.active{
					text-decoration:none;
				}
		ul.pagenavigation li.btn_vorige a, ul.pagenavigation li.btn_volgende a{
			text-decoration:underline;	
			width:auto;	
		}
			ul.pagenavigation li.btn_vorige a.active:hover, ul.pagenavigation li.btn_volgende a.active:hover{
				text-decoration:none;
			}
			ul.pagenavigation li a.active{
				
			}
			
			ul.pagenavigation li.btn_vorige a:hover, ul.pagenavigation li.btn_volgende a:hover{
				background:none;
				color:#696969;
				text-decoration:none;
			}
/*			ul.pagenavigation li.textlink a{
				text-decoration:underline;
			}
	*/
	
	
/* contact formulier */

		label{
			display:block;
			font-weight:bold;
			color:#828181;
			margin:5px;
			float:left;
			font-size:12px;
			width:150px;
		}
		input, textarea{
			margin:5px;
			border:1px solid #e6e4e4;
			height:18px;
			padding:2px;
			width:290px;
			float:left;
			font:12px "Trebuchet MS", Verdana, Arial, Helvetica;
		}
			input.postcode{
				width:54px;
			}
			input.plaats{
				width:220px;
			}
			input.submit{
				width:95px;
				height:28px;
				text-decoration:underline;
				font-size:12px;
				border:none;
				color:#ffffff;
				margin-left:366px;
				cursor:pointer;
				background:url(../images/btn_submit.gif) no-repeat;
			}
		textarea	{
			height:150px;
		}

		/* voor formvalidation */
		label.errorMessage{
			display:block;
			width:250px;
			padding-left:170px;
			clear:both;
			color:#aea87a;
			font-size:12px;
			font-weight:normal;
		}
		input.errorMessage, textarea.errorMessage{
			border:1px solid #aea87a;
		}	
		
		em.verplicht{
			color:#aea87a;
		}

/* footer merken */
	ul.brands{
		list-style:none;
		border:1px solid #dad9d9;
		margin:20px 0px 10px 0px;
		padding:10px;
		width:658px;
		clear:both;		
		overflow:auto;
		background-color:#ffffff;
	}
		ul.brands li{
			float:left;
			margin-left:24px;
			_margin-left:18px;

		}	
		
	div.footer{
		height:40px;
		margin-top:20px;
		text-align:center;
		font-size:12px;
		color:#a6a6a6;
	}