

/*
 * /home/silverclay.nl/www/silverclay/world/data/css/1.menu.css
 */


#home {
	position:absolute;
	left:0px;
	top:0px;
	width:121px;
	height:153px;
}

#contact {
	position:absolute;
	left:682px;
	top:82px;
	width:84px;
	height:51px;
}

#biografie {
	position:absolute;
	left:133px;
	top:94px;
	width:78px;
	height:45px;
}

#portfolio {
	position:absolute;
	left:233px;
	top:94px;
	width:78px;
	height:45px;
}

#cursussen {
	position:absolute;
	left:331px;
	top:94px;
	width:92px;
	height:45px;
}

#webshop {
	position:absolute;
	left:443px;
	top:94px;
	width:84px;
	height:45px;
}




/* -------------------------------------------------------- */






#home {
}

#biografie{
	background-image:url(../img/biografie.jpg);
}

#portfolio{
	background-image:url(../img/portfolio.jpg);
}

#cursussen{
	background-image:url(../img/cursussen.jpg);
}

#webshop{
	background-image:url(../img/webshop.jpg);
}

#contact{
	background-image:url(../img/contact.jpg);
}



#home:hover {
}

#biografie:hover {
	background-image:url(../img/biografie-hover.jpg);
}

#portfolio:hover {
	background-image:url(../img/portfolio-hover.jpg);
}

#cursussen:hover {
	background-image:url(../img/cursussen-hover.jpg);
}

#webshop:hover {
	background-image:url(../img/webshop-hover.jpg);
}

#contact:hover {
	background-image:url(../img/contact-hover.jpg);
}

/* -------------------------------------------------------- */


/*
 * /home/silverclay.nl/www/silverclay/world/data/css/2.style.css
 */


body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

p
{
	margin-bottom:7px;
}

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

p img
{
	float:none;
}

h1
{
	font-size:200%;
	color: #A01C69;
	margin-bottom:8px;
}

h2
{
	font-size:150%;
	margin-top:1em;
	color: #1C4FA0;
}

h3
{
	font-size:120%;
	margin-top:1em;
	color: #1C4FA0;
}

h4
{
	font-size:100%;
}

a:link, a:visited, a:hover
{
	color:#1F1F87;
	font-weight:bold;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}


/*
 * /home/silverclay.nl/www/silverclay/world/data/css/3.pos.css
 */


/* Standaard CSS */

a img {
	border : none;
}
a {
	outline: none;
	background-repeat:no-repeat; /* om gezeur met IE te voorkomen die bepaalde hoogtes negeert *grr* */
}

html,body
{
	height:100%;
}

body 
{
	/* centreren*/
	text-align: center;
	background-color:#EDF3F9;
}


#container
{
	
	/* centreren*/
	margin: 0 auto;
	width: 780px;
	text-align: left;
	
	/*opmaak*/
	background-color:#EDF3F9;
}

#head
{
	position:relative;
	width:780px;
	height:153px;

	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
}

#body 
{
	/* min height */
	height:auto !important;
	height:374px;
	min-height:374px;
	
	margin-top:2px;
	margin-left:14px;
	margin-right:17px;
	
	padding:10px;
	padding-left:20px;
	
	background-image:url(../img/containerbg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	
	border:2px solid #A01C69;
}


#columnLeft
{
	float:left;
	width:158px;
	
	margin-left:0px;
	margin-top:0px;
	
	padding-left:5px;
	padding-right:5px;
	
	/* dubble margin hack */
	display:inline;
	
	/* Giga overflow hack */
	/* overflow:hidden;  */
}

#columnRight
{
	float:left;
	width:520px;
	
	margin-left:10px;
	margin-top:0px;
	
	padding-left:5px;
	padding-right:5px;
	
	/* dubble margin hack */
	display:inline; 
	
	/* Giga overflow hack */
	/* overflow:hidden;  */
}

.quoin
{
	clear:both;
	height:1px;
}



#footer 
{
	margin-left:15px;
	margin-top:14px;
	margin-bottom:14px;

	width:749px;
	height:31px;
	
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
}


/*
 * /home/silverclay.nl/www/silverclay/world/data/css/4.webshop.css
 */



/* algemeen ----------------------------------------------------------------------------------------*/

hr
{
	margin-top:6px;
	margin-bottom:2px;
	border:none;
	border-top:3px dashed #CCCCCC;
}

button
{
	background-repeat:no-repeat;
	background-position: center center;
}

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

label
{
	font-weight:normal;
	cursor:pointer;
}


/* raster */

div.rasterContainer
{
	padding-top:15px;
	width:100%;
	clear:both;
}

a.rasterItem
{
	display:block;
	float:left;
	width:152px;
	/*height:195px;      'abstract' */
	margin-right:9px;
	margin-bottom:6px;
	overflow:hidden;
	
	border:1px solid #CCCCCC;
	
	padding:4px;
}
	a.rasterItem img
	{
		margin: 0 auto;
		display:block;
	}
	
	a.rasterItem span
	{
		margin: 0 auto;
		display:block;
		text-align:center;
	}
	
	a.rasterItem:hover
	{
		background-color:#EEE;
		text-decoration:none;
	}
	
/* lightbox */

div#lightbox img
{
	margin:0px;
}

/* tables */

table.border
{
	border-collapse:collapse;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
	
	table.border tr
	{
		border-top: 1px solid #CCC;
	}

table.width100
{
	width:100%;
}

td.price, th.price
{
	text-align:right;
}

/* form styling */

.formJumpIn
{
	margin-left:30px;
}

.formJumpIn input
{
	float:left;
	margin-left:-30px;
}

/* frame ----------------------------------------------------------------------------------------*/


a.loginBanner
{
	background-color:#C3D9FF;
	padding:3px;
	display:block;
	text-decoration:none;
	color:#222222;
}

a.loginBanner span
{
	text-decoration:underline;
	color:#1F1F87;	
}

#sideMenu
{
	white-space: nowrap;
	width:100%;
	overflow:hidden;
}

#sideMenu a
{
	font-size:0.8em;
	font-weight:bold;
	margin-top:2px;
	text-decoration:none;
}

#sideMenu div.children
{
	padding-left:8px;
	border-left:1px solid #CCCCCC;
}

#sideMenu .active
{
	color:#D66427;
}


/* columnLeft ----------------------------------------------------------------------------------------*/

#columnLeft .clickDiv:hover
{
	cursor:pointer;
	background-color:#EEE;
}

#columnLeft img.crate
{
	float:left;
	width:30px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:0px;
}

/* product pagina ----------------------------------------------------------------------------------------*/


#productPage a.rasterItem
{
	height:160px;
}

table.articles
{
	width:100%;
	
	border-collapse: separate;

}
	table.articles tr
	{
		margin-bottom:5px;
	}
	
	table.articles td, table.articles th
	{
		padding-left:5px;
		padding-bottom:0px;
		padding-top:0px;
		padding-right:15px;
	}
	
	table.articles tr.odd
	{
		/* balk waarin product naam + koopknop staan */
	}
	
	table.articles tr.even td
	{
		/* balk met beschrijving */
		padding-bottom:15px;
	}
	
	table.articles .buyColumn
	{
		width:120px;
	}

	table.articles button
	{
		width:80px;
	}

/* categorie pagina ----------------------------------------------------------------------------------------*/


#categoriePage a.rasterItem
{
	height:195px;
}


/* opmaak factuur ----------------------------------------------------------------------------------------*/

table.order
{
	width:100%;
}

table.order th
{
	font-size:90%;
}

	table.order .mark
	{
		background-color:#EEE;
		font-weight:normal;
	}
	
	table.order a
	{
		font-weight:normal;
	}


	table.order td, table.order th
	{
		padding-left:2px;
		padding-right:5px;
	}
	
	/* op de winkelwagen pagina */
	table.order button.change
	{
		background-image:url("../img/icon/tick.png") !important;
		background:url("../img/icon/tick.png"); /* kekkende IE6 bug: http://support.microsoft.com/kb/322240 */
		background-repeat: no-repeat;
		background-position:center;
		width:30px;
		height:20px;
	}
	
	table.order button.remove
	{
		background-image:url("../img/icon/cross.png") !important;
		background:url("../img/icon/cross.png"); /* IE6 bug */
		background-repeat: no-repeat;
		background-position:center;
		width:30px;
		height:20px;
	} 

/* facturen pagina ----------------------------------------------------------------------------------------*/


