/* CSS Document */


/* STANDARDS */
html, body { 
height: 100%; 
}

body {
	background-color:#fff;
	font-size:11px;
	font-weight: normal;
	line-height:16px;
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	padding:0px;
	margin:0px;
	color:#777;
	text-align:left;
	}
	
#imageDiv	{
	z-index: 100;
	width: 590px;
	height: 450px;
}

.HomeImageSize {
	z-index: 100;
	width: 590px;
	height: 450px;
}
	

html {
	min-height:99%;
	}


/* RESET */
h1, h2, h3, h4, h5, h6, h7, p, li {
	margin:0px;
	padding:0px;
	}

p {
	text-align:left;
	}

a {
	color:#18AADA;
	text-decoration:none;
	}

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


	/*** menuBar ***/
	#header ul.menuBar { position: relative; width: 800; border: 0px solid #000; left: 0px; top: 0px; height:0px; margin:0px; padding:0px 0px 0px 0px; list-style:none; z-index: 100; }
	#header ul.menuBar li { float:left; display:block; padding:0px 16px 5px 0px;}
	#header ul.menuBar li img { float:right;  display:block; padding:0px 0px 8px 5px; }
	#header ul.menuBar li.shop { text-align: right; background:none; }
	#header ul.menuBar li a { color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing: 0px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding-bottom: 4px; margin-bottom: 4px; }
	#header ul.menuBar li a:hover, #header ul.menuBar li.active a { color:#222; text-decoration: none; padding: 0px 0px 4px 0px; }

	a.subMenu { color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing: 0px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding-bottom: 0px; margin-bottom: 0px; }
	a.subMenu:hover { color:#222; text-decoration: none; padding: 0px 0px 0px 0px; }
	.subMenu { color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing: 0px; width: 140px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding-left: 10px; margin-bottom: 0px; }

/* CUSTOM CLASSES */


/* HEADER + NAVIGATION */

#header {
	height:69px;
	padding: 0px 0px 0px 10px;
	color:#555;
	font-size:11px;
	font-weight:normal;
	}
	
#header a {
	color:#abde91;
	}
#header a:hover { color: #ffffff; }

/* Clear */

#clear {
	height: 10px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear1 {
	
	height: 8px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear2 {
	height: 6px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear3 {
	
	height: 80px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear4 {
	height: 8px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear5 {
	height: 53px;
	padding:0px 0px;
	margin:0px auto;
	}

#clear6 {
	height: 100px;
	padding:0px 0px;
	margin:0px auto;
	}

/* Container */

#container
		{
			width: 970px;
        	left: 50%;
        	margin-left: -485px; /* - (width/2)  */
        	position: relative;
			border: 0px solid #333;
		} 

.title {
	font-family: arial;
	font-size: 11px;
}

/* Pages */

#page {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#777;
	line-height:18px;
	text-align:left;
	padding: 0px 0px 0px 10px;
	}
	
#page hr {
	margin: 0px 0px 20px 0px;
	height: 1px;
	background-color: #444;
	border: 0px;
}

#page h1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:22px;
	font-weight: normal;
	line-height:30px;
	color:#444;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}
	
#page h2 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:10px;
	line-height:18px;
	font-weight:normal;
	color:#aaa;
	text-align: left;
	}


#page h3 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	color:#333;
	text-align: left;
	}


#page h4 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:18px;
	font-weight: normal;
	line-height:30px;
	color:#666;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

#page h5 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	color:#bbb;
	font-variant: normal;	
	}

#page h6 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	color:#ccc;
	padding:0px 0px 0px 0px;
	}
	
#page h7 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	color:#fff;
	}

#page h8 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:16px;
	font-weight:normal;
	line-height:28px;
	padding:0px 0px;
	color:#373737;
	}

#page h9 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:11px;
	font-weight:normal;
	color:#999;
	line-height:20px;
	text-align:left;
	width:970px;
	margin:0px auto;
	}

#page h10 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	padding:0px 0px;
	color:#555;
	}
	
.h10 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	padding:0px 0px;
	color:#555;
	}

#page h11 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#444;
	padding:0px 0px;
	}

#page h12 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	color:#797164;
	padding:0px 0px;
	}
	
#page a {
	color:#aaa;
	border-color: #666;
	}
#page a:hover { color: #000; 
		border-color: #666;
}



/* Pages1 */

#page1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	background-image:url(bg/bgpage2.jpg);
	background-repeat:repeat-x; 
	font-size:11px;
	font-weight:normal;
	color:#888;
	line-height:18px;
	text-align:left;
	margin:0px auto;
	}

#page1 h1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	color:#ffffff;
	font-variant: normal;	
	}
	
#page1 h2 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	
	color:#888;
	padding:0px 0px 0px 0px;
	}

#page1 h3 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	
	color:#444;
	padding:0px 0px 0px 0px;
	}

#whiteline {
	background-image: url(afbeeldingen/lijnwit.jpg) center;
}

#selectionbycolor {
	position: absolute;
	top: 47px;
	right: -13px;
}

#newCollection   { position: absolute; top: 50px; right: 465px; }
#newCollection a {color:#888; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing: 0px; font-weight:normal; text-transform:uppercase; text-decoration:none; padding-bottom: 4px; margin-bottom: 6px; }
#newCollection a:hover { color:#222; text-decoration: none; padding: 0px 0px 6px 0px; }



#mouthblown {
	position: absolute;
	top: 47px;
	left: 145px;
}

#page1 a {
	color:#328ca2;
	}
#page1 a:hover { color: #ffffff; }
	
#footer {padding: 0px 0px 0px 10px; margin: 0px auto; bottom: 0px; text-align: left; font-size: 9px; line-height:37px; font-weight:normal; color: #bbb; height: 37px; 
}
#footer h1 {
	font-family: Lucida Grande, Geneva, Arial, sans-serif;	
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#eee;
	}
#footer h2 { margin: 0px auto; text-align: left; font-size: 11px; color: #aaa; line-height:15px; font-weight:normal;}
#footer a { margin: 0 0px; text-decoration: none; color:#bbb; }
#footer a:hover { color:#147d99; }

/*#homefooter p.links { border: 0px solid #fff; border-width: 1px 0; padding: .5em 0; margin: 0 0 1em; }*/
/*#homefooter p.right.links { padding-right: 10px; }*/

#Pages {
	position: relative; 
	z-index: 100;
	margin-top: -2px; 
	margin-left: 5px;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #c9c9c9;
text-decoration: none; 
color: #2e6ab1;
font-size: 10px;
padding: 3px 5px 3px 4px;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000;
color: #000;
font-size: 10px;
background-color: #FFF;
padding: 3px 5px 3px 4px;
}

.pagination a.currentpage{
background-color: #333;
color: #FFF !important;
border-color: #000;
font-size: 10px;
font-weight: normal;
cursor: default;
padding: 3px 5px 3px 4px;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}