@charset "utf-8";
/* CSS Document 
				
	In opdracht van				: Froukje Fashion	
	Design 						: VanderLoo-Design.nl
	Code & functionaliteiten	: VanderLoo-Design.nl
	Websop & CMS				: Alwinus 
	
	Updated: 2 oktober 2009
	
	Froukje Fashion
	Groningen 2009
	| © 2009 Froukje Fasjion |
				
	Kleurcodes

–––––––––––––––––––––––––––––––––––––––---------–––––––––*/ 

* {margin:0; padding:0;}

body{
	background-color:#E5DDD3;
	color:#333333;
	font-family:"Lucida Grande", geneva, helvetica, sans-serif;
	font-size:12px;
}

#container{
	margin:auto;
	width:929px;
}

#top{
	background-color:#242424;
	color:#ffffff;
	font-family:"Lucida Grande", geneva, helvetica, sans-serif;
	font-size:10px;
	padding:5px 0 5px 640px;
	width:289px;
}

	#top li{
		border-right:#333333 1px solid;
		list-style-type:none;
		display:inline;
		padding:0 10px 0 0px;
	}

	#top a{
		color:#ffffff;
	}


#header{
}

	#header-logo{
		background-color:#ffffff;
		float:left;
		height:243px;
		padding-left:185px;
		padding-top:10px;
		width:539px;
	}
	
	#header-menu{
		background-color:#ffffff;
		float:left;
		height:233px;
		padding-top:20px;
		width:205px;
	}
			
		#header-menu font{
			color:#009ef7;
		}
		
			#header-zoeken{
				float:left;
				font-weight:bold;
				margin:110px 0 0 30px;
			}

				.header-input, .headerinput{
					border:#C8BDB9 1px solid;
					color:#333333;
					font-size:11px;
					font-style:italic;
					padding:2px;
				}

				.header-img, .headerimg{
					padding-left:5px;
				}
		
		#header-winkelmandje{
			border-top:1px solid #C8BDB9;
			border-bottom:1px solid #C8BDB9;
			border-left:1px solid #C8BDB9;
			height:50px;
			margin:160px 0 0 30px;
		}
			div.winkelmandje-image{
				float:left;
				padding:10px 0 0 10px;
			}
			
			div.winkelmandje-text{
				float:left;
				margin-left:8px;
				padding-top:10px;
			}

#content{
	background-color:#ffffff;
	padding-top:30px;
	width:929px;
}

	#content-header{
	}
	
	#content-container{
		background-color:#ffffff;
		padding-left:13px;
		width:912px;
	}
	
		#content-nav{
			font-weight:bold;
			margin-left:-10px;
			margin-bottom:10px;
		}

			#content-nav li{
				border-right:#333333 1px solid;
				display:inline;
				list-style-type:none;
				padding:0 10px 0 10px;
			}
		
		#content-kruimelpad{
			background-color:#efefef;
			font-size:12px;
			margin:0px 0 0px -13px;
			padding:3px 0 3px 170px;
			width:755px;;
		}
			
		#content-products-container{
			margin-top:15px;
			min-height:350px;
		}
			
			/*Zie afzonderlijke css*/
			
			#content-products{
				float:left;
				margin-left:16px;
				width:752px;
			}
			
				div.product{
					border:2px solid #efefef;
					float:left;
					height:260px;
					margin-bottom:17px;
					margin-right:14px;
					width:170px;
				}
				
					div.product-image{
						height:180px;
						width:170px;
					}
					
					div.product-details{
						height:67px;
						padding:8px;
						width:154px;
					}
					
						div.product-details-title{
							font-size:14px;
							font-weight:bold;
							height:33px;
						}

						div.product-details-maat{
						}

						div.product-details-prijs{
							font-size:18px;
						}

			#content-tekst{
				min-height:500px;
				padding:20px 24px 0 10px;
				width:139px;
			}


	#informatie{
		background-color:#efefef;
		height:125px;
		margin-top:50px;
		padding:10px;
		width:879px;
	}
	
		#informatie a, p{
			margin-left:18px;
		}
	
		#informatie-tekst-betalen{
			float:left;
			margin-left:60px;
			width:139px;
		}
		
		#informatie-tekst-bezorgen{
			float:left;
			margin-left:60px;
			width:139px;
		}
		
		#informatie-tekst-hulp{
			float:left;
			margin-left:60px;
			width:139px;
		}


	#netwerkgroups{
		background-color:#ffffff;
		float:left;
		padding:10px 0 20px 0;
		width:225px;
	}

		#netwerkgroups li{
			display:inline;
			list-style-type:none;
			margin-right:5px;
		}

		#netwerkgroups img{
			height:30px;
		}


	#betalingen{
		background-color:#ffffff;
		float:right;
		margin-top:10px;
		padding:10px 0 20px 0x;
		width:225px;
	}

		#betalingen li{
			display:inline;
			list-style-type:none;
			margin-right:5px;
		}
	
	#footer{
		background-color:#242424;
		color:#ffffff;
		font-family:"Lucida Grande", geneva, helvetica, sans-serif;
		font-size:10px;
		height:20px;
		padding:10px 0 10px 10px;
		width:919px;
	}

		div.footer-copy{
			float:left;
			width:305px;
		}
		
		div.footer-links{
			float:left;
			padding-left:343px;
		}

			div.footer-links li{
				display:inline;
				list-style-type:none;
				margin-right:5px;
			}
			
			div.footer-links a{
				color:#ffffff;
			}

/*---pagina's-–––––––––––––––––––––––––––––––––––––––––––*/
div.spacer{
	clear:both;
}
/*---pagina's-––––––––––––––––––––––––––––––––––––einde––*/


	
	
/*---Navigatie–––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#eb717e;
	text-decoration:underline;
}
a:active, a.actief {
	color:#eb717e;
	text-decoration:underline;
}

/*---Navigatie––––––––––––––––––––––––––––––––––––einde––*/

/*---ul & li--–––––––––––––––––––––––––––––––––––––––––––*/
ul{
	list-style:inside;
}
/*---ul & li--––––––––––––––––––––––––––––––––––––einde––*/

/*---Koppen & teksten––––––––––––––––––––––––––––––––––––*/
h1 {
	color:black;
	font-size:14px;
	font-style:normal;
	font-weight:lighter;
}

h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

h3 {
	font-size:14px;
	font-weight:bold;
}

h4 {
	font-size:16px;
	font-style:normal;
	font-weight:lighter;
}


hr{
	margin:10px 0 10px 0;
}

/*---Koppen & teksten–––––––––––––––––––––––––––––einde––*/

img{
	border:0;
}

td.rechts-uitlijnen, td.rechts {
	vertical-align:top;
	align: right;
}
.knop_home{
	margin-left:300px;
}

/*---Login formulier–––––––––––––––––––––––––––––––––––––*/
#forgot_password, #closelogonform{
	float:left; 
	margin-top:10px; 
	font-size:11px; 
}

	#forgot_password{
		width:200px;
	}

#loginform {
	background: #FFF;
	border:solid 2px #242424;
	color:#242424;
	display:none;
	font-size:11px;
	height:110px;
	left:55%;
	margin:0px;
	padding:0 10px 5px 10px;
	position:absolute;
	top:22px;
	z-index:10;
}

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

	#loginformheader{ 
		padding-left:73px;
	}
	
	input[type="submit"],input[type="reset"],input[type="button"] { 
	  background:#FFFFFF; 
	  border:1px solid #242424; 
	  color:#242424; 
      font-size:11px;
	  margin:10px 0 0 -5px;
	  text-decoration:none;
	  width:75px;
	}
	
	input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{ 
	  background:#242424; 
	  border:1px outset #242424; 
      font-size:11px;
	  color:#FFFFFF;
	  text-decoration:none; 
	}
/*---Login formulier––––––––––––––––––––––––––––––einde––*/