/***** == Start General Style Information ======================================================== *****/
/***** #df3a94 = pronkhuys roze  *****/
/***** #d0cbc7 = pronkhuys grijs *****/
/***** #2c2c2c = pronkhuys donker grijs *****/
/***** #ddb827 = pronkhuys oranje *****/
/***** #FFFFFF = White *****/
/***** #4b4844 = Black *****/
/***** == End General Style Information ======================================================== *****/

/**** == Start HTML Basic Elements ========================================================  ****/
a,a:link {
color: #df3a94;
text-decoration: none;
font-size:8pt;
margin: 0px;
padding: 0px;
}

a:visited {
}

a:active {
}

a:hover {
text-decoration:underline;
}

small,address,p,ul,ol,li,dl,dt,dd {
margin: 0px;
padding: 0px;
font-size:8pt;
line-height: 15px;
font-family: tahoma,arial,helvetica,sans-serif;
color:#4b4844;
list-style: inside;
}

address {
display:inline;
}

address,
address a,
address a:link,
address a:visited,
address a:hover,
address a:active {
font-style:normal;
font-size: 7pt;
color: #ca3b78;
}

small,
small a,
small a:link,
small a:visited,
small a:active,
small a:hover {
font-size:7pt;
}


p:first-letter {
text-transform:uppercase;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

fieldset,form,table {
margin: 0px;
padding: 0px;
border: 0px;
}

select,input,textarea { 
color: #4b4844;
margin: 0px;
padding: 0px 0px 0px 3px;
font-family:Arial, Helvetica, sans-serif;
}

select,
input  { 
width: 230px;
height: 17px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #231f20;
}

label {
width: 180px;
height: 20px;
display:block;
clear:left;
float:left;
}

textarea  {
width: 230px;
height: 70px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #000000;
}


h1,h2,h3,h4,h5,h6 {
color: #df3a94;
margin: 0px 0px 8px 0px;
padding: 0px;
font-weight: bold;
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
line-height:normal;
}

h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter {
text-transform:uppercase;
}

h1,
h1 a, 
h1 a:link, 
h1 a:hover, 
h1 a:visited,
h1 a:active {
font-size:14pt;
}

h2,
h2 a,
h2 a:link, 
h2 a:visited,
h2 a:hover,
h2 a:active {
font-size:12pt;
color:#2c2c2c;
font-weight:normal;
}

h3 {
font-size:8pt;
color:#2c2c2c;
font-family: verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-bottom: 16px;
}

h4 {
font-size:12pt;
}

h5 {
font-size:10pt;
}

h6 {
font-size:7.55pt;
}

strong,b {
font-weight:bold;
font-family: arial,
}

html>body {
width: 100%;
height: 100%;
}

/**** == End HTML Basic Elements ========================================================  ****/

/*** == Start Site Layout ========================================================  ***/

/*** Body ***/
#LAYOUT1-BODY {
text-align:center;
font-family: tahoma,arial,helvetica,sans-serif;
font-size:8pt;
color: #4b4844;
line-height: 15px;
margin:0;
background-color:#2c2c2c;
background-image: url(LAYOUT1-BODY-GRAY.gif);
position: relative;
}

	/*** Site dimensions ***/
	#LAYOUT1-SITE-DIMENSIONS {
	text-align: left; 
	margin: 0 auto; 
	width: 901px; 
	overflow: hidden;
	position:relative;
	background-image: url(LAYOUT1-SITE-DIMENSIONS.png);
	background-repeat:repeat-y;
	}
	
		/*** A Header ***/
		#LAYOUT1-A {
		width: 899px;
		height: 126px;
		clear:both;
		overflow:hidden;
		background-color:#FFFFFF;
		}
	
		/*** B Content ***/
		#LAYOUT1-B {
		width: 899px;
		height: 27px;
		overflow:hidden;
		background-color:#df3a94;
		position:absolute;
		top: 126px;	
		left: 0px;
		border-top: solid 2px #2c2c2c;
		border-bottom: solid 2px #2c2c2c;
		}
					
		/*** C Content ***/
		#LAYOUT1-C {
		width: 899px;
		overflow:hidden;
		clear:both;
		padding: 31px 0px 0px 0px;
		position:relative;
		}
			/*** C Content Left ***/
			#LAYOUT1-C1 {
			width:244px;
			/*height: 600px;*/
			height: auto;
			overflow:hidden;
			float:left;
			color:#FFFFFF;
			padding: 0px 0px 400px 0px;
			position:relative;
			}
				#LAYOUT1-C1 .HomeIMG {
				width: 244px;
				height: 166px;
				overflow:hidden;
				position:absolute;
				left: 0px;
				top: 0px;
				z-index:4;
				}
				
				#LAYOUT1-C1 .LifestyleIMG {
				width: 244px;
				height: 166px;
				overflow:hidden;
				position:absolute;
				left: 0px;
				top: 140px;
				z-index:3;
				}

				#LAYOUT1-C1 .KidsIMG {
				width: 244px;
				height: 166px;
				overflow:hidden;
				position:absolute;
				left: 0px;
				top: 270px;
				z-index:2;
				}
				
				#LAYOUT1-C1 .ThemaIMG {
				width: 244px;
				height: 166px;
				overflow:hidden;
				position:absolute;
				left: 0px;
				top: 410px;
				z-index:1;
				}
					
				
				#LAYOUT1-C1 h1 {
				background-color: #2c2c2c;
				padding: 10px 5px;
				color:#FFFFFF;
				font-size: 10pt;
				font-family: Comic Sans MS, Arial;
				font-weight:normal;
				margin: 0px;
				}
				
			/*** C Content Right ***/
			#LAYOUT1-C2 {
			width: 630px;
			overflow:hidden;
			float:right;
			padding: 8px 10px 0px 0px;
			}
			
			#LAYOUT2-C2 {
			width: 655px;
			overflow:hidden;
			float:right;
			padding: 0px 0px 0px 0px;
			}
				
				#LAYOUT2-C2a {
				width: 650px;
				overflow:hidden;
				clear:both;
				background-image: url(LAYOUT2-C2a.gif);
				background-repeat:repeat-y;
				position:relative;
				padding: 0px;
				}
				
					#LAYOUT2-C2a .Home {
					width: 212px;
					overflow:hidden;
					float: left;
					margin: 0px 5px 0px 0px;
					padding: 170px 0px 0px 0px;
					}
					
					#LAYOUT2-C2a .HomeIMG {
					width: 217px;
					height: 179px;
					overflow:hidden;
					position:absolute;
					z-index: 2;
					left: 2px;
					top: 0px;	
					}
					
					#LAYOUT2-C2a .Lifestyle {
					width: 212px;
					overflow:hidden;
					float: left;
					padding: 170px 0px 0px 0px;
					}
					
					#LAYOUT2-C2a .LifestyleIMG {
					width: 217px;
					height: 179px;
					overflow:hidden;
					position:absolute;
					left: 215px;
					top: 0px;
					z-index:3;
					}
					
					#LAYOUT2-C2a .Kids {
					width: 212px;
					overflow:hidden;
					float: right;
					padding: 153px 0px 0px 0px;
					}
					
					#LAYOUT2-C2a .KidsIMG {
					width: 215px;
					height: 155px;
					overflow:hidden;
					position:absolute;
					right: 2px;
					top: 0px;
					z-index:1;
					}
					
					
					#LAYOUT2-C2a ul {
					padding: 12px;
					}
					
					#LAYOUT2-C2a li {
					list-style-type:none;
					list-style-position:outside;
					padding: 0px;
					color: #686566;
					line-height: 17px;
					}
					
					#LAYOUT2-C2a li a {
					color: #686566;
					line-height: 17px;
					}
					
				#LAYOUT1-C2b,
				#LAYOUT2-C2b {
				width: 620px;
				float:right;
				padding: 8px 0px 25px 0px;				
				margin: 8px 10px 16px 0px;
				}
				
				#LAYOUT1-C2b {
				height: 400px;
				}
				
				html>body #LAYOUT1-C2b {
				height: auto;
				min-height: 400px;
				}
								
				#LAYOUT2-C2b {
				border-bottom: solid 1px #cfc7bb;
				width: 620px;
				overflow:hidden;
				float:right;
				padding: 8px 10px 25px 0px;				
				margin: 8px 10px 16px 0px;
				}
				

				
				#LAYOUT1-C2c,
				#LAYOUT2-C2c  {
				width: 620px;
				overflow:hidden;
				float:right;
				padding: 15px 10px 25px 0px;
				margin: 0px 10px 16px 0px;
				position:relative;		
				border-top: solid 1px #cfc7bb;		
				}
				
				#LAYOUT2-C2c {
				border-top: none;
				padding: 0px 10px 25px 0px
				}
				
				#LAYOUT1-C2c .OokinCollectie {
				position: absolute;
				left:10px;
				top: 15px;
				display:block;
				}
		
		/*** D Nav Bottom ***/
		#LAYOUT1-D {
		width: 644px;
		height: 20px;
		clear:both;
		overflow:hidden;
		padding: 0px 0px 0px 255px;
		color:#999999;
		position:relative;
		padding-top:5px;
		}
		
		#LAYOUT1-D a,
		#LAYOUT1-D a:link,
		#LAYOUT1-D a:visited,
		#LAYOUT1-D a:hover,
		#LAYOUT1-D a:active {
		color:#999999;
		margin: 0px 8px 0px 0px;
		}
		
		/*** Footer ***/
		#FOOTER {
		width: 899px;
		height: 15px;
		margin: 0 auto; 
		width: 901px; 
		overflow: hidden;
		clear:both;
		background-image: url(LAYOUT1-FOOTER.png);
		background-position:top;
		background-repeat:no-repeat;
		text-align:left;
		padding: 5px 0px 0px 0px;
		}
		

					
/*** == End Site Layout ========================================================  ***/

				
				
/*** == Start Classes ========================================================  **/

/** 4Sale Items **/
.Item {
overflow:hidden;
clear:both;
padding: 8px 0px 8px 0px;
}

/** 4Sale Groups **/
.Group {
overflow:hidden;
clear:both;
padding: 8px 0px 8px 0px;
}

/** Readmore Buttons **/	
.Readmore,
.Readmore a,
.Readmore a:link,
.Readmore a:visited,
.Readmore a:hover,
.Readmore a:active {
font-size: 7pt;
}

.Logo {
width: 250px;
height: 102px;
overflow:hidden;
position:absolute;
top: 8px;
left: 8px;
}

.GoUp {
position:absolute;
right: 8px;
bottom: 4px;
}

/** == End Classes ========================================================  **/	

/* == Start Forms and Components  ======================================================== */	

/* Contactform */
.ContactForm {
padding: 16px 0px;
}

	.ContactForm .Submit {
	background-color: #e0e0e0;
	}
	
	.ContactForm .Checkbox {
	width:15px; 
	height:15px; 
	border:0px;
	}
	
/* Horizontal Navigatie */
.Nav1a {
float:left;
color:#000;
width: 440px;
text-align:left;
padding: 6px 0px 0px 8px;
}

.Nav1b {
float:right;
color:#000;
width: 450px;
text-align:right;
padding-top: 6px;
}

	.Nav1a a,
	.Nav1a a:link,
	.Nav1a a:visited,
	.Nav1a a:active,
	.Nav1a a:hover,
	.Nav1b a,
	.Nav1b a:link,
	.Nav1b a:visited,
	.Nav1b a:active,
	.Nav1b a:hover {
	color:#fff;
	margin-right: 8px;
	padding: 0px 8px 0px 0px;
	font-weight:bold;
	font-size: 11px;
	}
	
	
/* Vertical Navigation */
.Nav2 {
width: 135px;
}

.Nav2 li, 
.Nav3 li {
	display:block;
	clear:both;
	margin-bottom: 5px;
	list-style:none;
	list-style-position:outside;
}
	.Nav2 a,
	.Nav2 a:link,
	.Nav2 a:visited,
	.Nav2 a:hover,
	.Nav2 a:active {
	color:#000;
	padding: 2px 0px 0px 30px;
	overflow:hidden;
	display:block;
	background-image: url(Zon.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
	
	.Nav2 a.Active,
	.Nav2 a.Active:link,
	.Nav2 a.Active:visited,
	.Nav2 a.Active:hover,
	.Nav2 a:active,
	.Nav2 a:hover,
	.Nav2 li a:hover {
	color:#d99d03;
	text-decoration:none;
	}

	.Nav3 {
	padding: 0px 0px 30px 0px;
	}
		
	.Nav3 li a {
	padding: 0px 0px 0px 30px;
	}

	.Nav3 .Kadotips {
	background-image: url(../Html/Images/Kadotips.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#d99d03;
	text-decoration:none;
	height: 20px;
	padding: 6px 0px 0px 0px;
	}
	
	.Nav3 .Kadotips a {
	}
	
	.Nav3 .Aanbiedingen {
	background-image: url(../Html/Images/Aanbiedingen.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#d99d03;
	text-decoration:none;
	height: 18px;
	padding: 6px 0px 0px 0px;
	}
	
	.Nav3 .Aanbiedingen a,
	.Nav3 .Aanbiedingen a:link,
	.Nav3 .Aanbiedingen a:visited,
	.Nav3 .Aanbiedingen a:hover,
	.Nav3 .Aanbiedingen a:active {
	color: #d60000;
	}
	
	
	.Nav3 .Rood {
	background-image: url(../Html/Images/Rood.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#d99d03;
	text-decoration:none;
	height: 18px;
	padding: 6px 0px 0px 0px;
	}
	
	.Nav3 .Rood a,
	.Nav3 .Rood a:link,
	.Nav3 .Rood a:visited,
	.Nav3 .Rood a:hover,
	.Nav3 .Rood a:active {
	color: #d60000;
	}
	

	.Nav3 .Nieuw {
	background-image: url(../Html/Images/Nieuw.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#d99d03;
	text-decoration:none;
	height: 18px;
	padding: 6px 0px 0px 0px;
	}
	
	.Nav3 .Nieuw a,
	.Nav3 .Nieuw a:link,
	.Nav3 .Nieuw a:visited,
	.Nav3 .Nieuw a:hover,
	.Nav3 .Nieuw a:active {
	color: #6596bf;
	}
	
	.Nav3 .Blauw {
	background-image: url(../Html/Images/Blauw.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#6596bf;
	text-decoration:none;
	height: 18px;
	padding: 6px 0px 0px 0px;
	}

	.Nav3 .Blauw a,
	.Nav3 .Blauw a:link,
	.Nav3 .Blauw a:visited,
	.Nav3 .Blauw a:hover,
	.Nav3 .Blauw a:active, {
	color: #6596bf;
	}
	
	.Nav3 .Roze {
	background-image: url(../Html/Images/Roze.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#df3a94;
	text-decoration:none;
	height: 18px;
	padding: 6px 0px 0px 0px;
	}
	
	.Nav3 .Roze a,
	.Nav3 .Roze a:link,
	.Nav3 .Roze a:visited,
	.Nav3 .Roze a:hover,
	.Nav3 .Roze a:active, {
	color: #df3a94;
	}
	
	.Nav3 .Groen {
	background-image: url(../Html/Images/Groen.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#308914;
	text-decoration:none;
	height: 18px;
	padding: 6px 0px 0px 0px;
	}
	
	.Nav3 .Groen a,
	.Nav3 .Groen a:link,
	.Nav3 .Groen a:visited,
	.Nav3 .Groen a:hover,
	.Nav3 .Groen a:active, {
	color: #308914;
	}
	
		

/* News Archive */
.News .Item {
margin: 8px 0px 0px 0px;
background-color:#eae9e0;
padding: 8px;
}

	.News .Item .Image {
	width: 120px;
	height: 100px;
	overflow:hidden;
	float:left;
	margin: 2px 16px 0px 0px;
	}
	
	.News .Item img {
	margin: 2px 8px 0px 0px;
	}
	
	.News .Item .Info {
	width: 380px;
	float:left;
	overflow:hidden;
	}
	
	.News .Item .Info .Readmore a {
	}


.Galerie {
width: 250px;
float:left;
}

	.Galerie .ImagesSmall {
	width: 68px;
	overflow:hidden;
	float:right;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 3px 0px;
	white-space:nowrap;
	}
	
	.Galerie .ImagesSmall .Small {
	width: 60px;
	height: 40px;
	overflow:hidden;
	float:right;
	margin: 3px 3px 0px 3px;
	border: solid 1px #ccc;
	white-space:nowrap;
	display:inline;	
	} 
	
	.Galerie .ImagesLarge {
	width: 150px;
	overflow:hidden;
	height: 300px;
	float:right;
	position:relative;
	}
	
	.Galerie .ImagesLarge .Large {
	position:absolute;
	top:0px;
	left: 0px;
	z-index: 0;
	display:block;
	}

.ImagesLarge,
.LargeFirst {
position:absolute;
top:0px;
left: 0px;
z-index: 20;
display:block;
}

.Loop {
display:block;
float:right;
}

.Breadcrumb {
clear:both;
overflow: hidden;
padding: 0px 0px 8px 0px;
margin: 0px 0px 8px 0px;
border-bottom:#CCCCCC solid 1px;
color: #4b4844;
font-size: 7pt;
}

	.Breadcrumb a {
	font-size: 7pt;
	color: #4b4844;
	}

.ContactInfo {
clear:both;
overflow:hidden;
position:absolute;
bottom: 0px;
left: 8px;
color:#FFFFFF;
}

.ContactInfo a {
color:#FFFFFF;
}

.ContactInfo img {
margin: 15px 6px 0px 0px;
}

/* Home Aanbieding prodcuts */	
.Aanbieding {
clear:both;
}

	.Aanbieding .Item {
	width: 80px;
	height: 85px;
	float:right;
	overflow:hidden;
	clear:none;
	margin: 5px;
	}

		.Aanbieding .Item .Image {
		width: 70px;
		height: 60px;
		clear:both;
		overflow:hidden;
		}
	
		.Aanbieding .Item .Info {
		width: 70px;
		clear:both;
		overflow:hidden;
		text-align:left;
		}
		
		.Aanbieding .Item .Info a {
		color:#676767;
		}
		
		.Aanbieding .Item .Info strong {
		color:#ca0017;
		font-size: 12pt;
		}
	

/* Home new prodcuts */	
.NewProducts {
clear:both;
}

	.NewProducts .Item {
	width: 80px;
	height: 85px;
	float:left;
	overflow:hidden;
	clear:none;
	margin: 5px;
	}

		.NewProducts .Item .Image {
		width: 70px;
		height: 60px;
		clear:both;
		overflow:hidden;
		}
	
		.NewProducts .Item .Info {
		width: 70px;
		clear:both;
		overflow:hidden;
		text-align:left;
		}
		
		.NewProducts .Item .Info a {
		color:#676767;
		}
		
		.NewProducts .Item .Info strong {
		color:#588fd2;
		font-size: 12pt;
		}
	
/* Home Theme products C Left */	
.ThemeProducts {
width: 233px;
overflow:hidden;
clear:both;
background-color:#FFFFFF;
padding: 5px;
color: #4b4844;
margin-right: 1px;
border-bottom: solid 1px #2C2C2C;
border-top: solid 1px #2C2C2C;
}

	.ThemeProducts table, 
	.ThemeProducts td, 
	.ThemeProducts tr,
	.ThemeProducts a,
	.ThemeProducts a:link,
	.ThemeProducts a:visited,
	.ThemeProducts a:hover,
	.ThemeProducts a:active {
	color: #4b4844;
	}
	
.NieuwsHome {
}

.NieuwsHome label {
width: 75px;
height:inherit;
}


/* Prodcuts C2 */	
.Products {
clear:both;
}

	.Products .Item {
	width: 90px;
	height: 105px;
	float:left;
	overflow:hidden;
	clear:none;
	margin: 5px;
	}

		.Products .Item .Image {
		width: 80px;
		height: 70px;
		clear:both;
		overflow:hidden;
		}
	
		.Products .Item .Info {
		width: 80px;
		clear:both;
		overflow:hidden;
		text-align:left;
		}
		
			.Products .Item .Info a {
			color:#373737;
			}
			
			.Products .Item .Info strong {
			color:#588fd2;
			font-size: 12pt;
			font-family:arial;
			}
			
		
.SubLinks {
width: 450px;
overflow:hidden;
background-image: url(SubLinks-bg.gif);
background-position:bottom;
float: right;
padding: 0px 0px 15px 0px;
} 

	.SubLinks ul {
	width: 129px;
	overflow:hidden;
	display:block;
	float:left;
	padding: 5px 5px 5px 15px;
	}
		
		.SubLinks li {
		list-style-type:none;
		list-style-position:outside;
		padding: 0px;
		color: #2c2c2c;
		line-height: 17px;
		}
		.SubLinks li a,
		.SubLinks a {
		color: #2c2c2c;
		}

.Products {
width: 490px;
overflow:hidden;
float: right;
}

	.Products .Item {
	padding: 0px 0px 0px 0px;
	width: 130px;
	height: 180px;
	overflow:hidden;
	margin: 0px 25px 5px 0px;
	position:relative;
	}
	
	.Products .Item .Icon {
	position:absolute;
	right: 0px;
	bottom: 55px;
	}
	
		.Products .Item .Image {
		width: 130px;
		height: 130px;
		text-align:center;
		}
	
		.Products .Item .Info {
		width: 130px;
		font-size: 8pt;
		position:relative;
		}
		
			.Products .Item .Info strong {
			font-size: 12pt;
			color:#333333;
			}
			
			.Products .Item .Info .Order {
			width: 60px;
			height: 15px;
			position:absolute;
			right: 0px;
			top: 0px;
			text-align:right;
			color:#17a293;
			}
			
				.Products .Item .Info .Order a {
				color:#17a293;
				}
				
				
					.Products .Item .Info .DetailButton {
					width: 60px;
					height: 15px;
					background-color:#ffffff;
					position:absolute;
					right: 0px;
					top: 15px;
					text-align:right;
					}
					
	.ProductDetail {
	text-align:left;
	}
	
	.ProductDetail .Info {
	width: 200px;
	overflow:hidden;
	float:left;
	}
	
	.ProductDetail strong {
	font-size: 12pt;
	}
	
		.ProductDetail .Info .Order {
		display:block;
		margin-top: 8px;
		color:#17a293;
		}
						
		.ProductDetail .Info .Order a {
		color:#17a293;
		}
		
		.ProductDetail .Info .Iconen {
		margin: 16px 0px;
		}
		
		
			.ProductDetail .OrderDetail, 
			.ProductDetail .OrderDetail a {
			color:#17a293;
			}
	
.Content {
}

.Content img {
margin: 0px 0px 8px 16px;
}
					
/* == End Forms and  Componets ========================================================  */	


/* Twitter feed */
.twitter {
    position: fixed;
    bottom: 0px;
    left: 20px;
    width: 164px;
    height: 220px;
    background: url('tweet.png') 0px 0px no-repeat;
}

.twitter a.tweetlink {
    float: left;
    width: 105px;
    height: 89px;
    margin: 0px 20px 0px 39px; 
}

.twitted {
    float: left;
    width: 100px;
    height: 88px;
    padding: 17px 33px 26px 31px;
}

.twitted ul {
    list-style: none;
    padding: 3px 0px;
}

.twitted ul li {
    list-style: none;
    line-height: 14px;
    font-size: 10px;
    padding: 0px;
    color: #fff;
}

.twitted a {
    color: #c0c0c0;
}

.twitted ul li a.tweettime {
    display: block;
    font-style: italic;
}

.twitted .profileLink {
    text-transform: lowercase;
}