/* ***
   CSS3 stylesheet
   for www.styleofmind.nl 
   
   (c) 2010 - Style of Mind & websiteman
   
   designed by Wil Stutterheim for websiteman
   www.websiteman.nl 
   wil(a)websiteman.nl
   *** */

/* General */ 
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{
	background: #fffcef; 
	text-align: center; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; 
	font-size: 12px; 
}

td, th	{
	vertical-align: top; 
}

ul li	{
	list-style: disc; 
}

ul li, ol li	{
	margin: 7px 0; 
}

/* Fonts */ 
p, td, th, font, div, textarea, input, address, li	{
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #7d1a4c; 
}

p, address	{
	margin: 7px; 
	font-style: normal; 
}

a	{
	color: #35051d; 
	text-decoration: underline; 
	font-weight: normal; 
}
a:hover	{
	color: #000; 
}

a.email	{
	color: #35051d; 
	font-size: 13px; 
}

h1, h2, h3, h4, h5, h6	{
	font-family: Arial, Helvetica, "Trebuchet MS";
	margin: 7px; 
	color: #7d1a4c; 
	font-weight: normal; 
}
	h1	{
		font-size: 23px; 
		margin-top: 23px; 
		margin-bottom: 10px; 
	}
	h2, aside h1	{
		font-size: 17px; 
		margin-top: 17px; 
		margin-bottom: 8px; 
	}
	h3, aside h2	{
		font-size: 15px; 
		margin-top: 13px; 
		margin-bottom: 7px; 
	}
	h4, aside h3	{
		font-size: 13px; 
		margin-top: 9px; 
	}
	h5, aside h4	{
		font-size: 12px; 
	}
	h6, aside h5	{
		font-size: 12px; 
		font-style: italic; 
	}

h3 em	{
	font-size: 80%; 
	font-style: normal; 
}

h1#pageTitle	{
	color: #7d1a4c; 
	text-align: right; 
	font-size: 24px; 
	font-weight: normal; 
	margin: 30px 7px 62px 7px; 
	border-bottom: 1px solid #7d1a4c; 
}

nav ul	{
	position: relative; 
	height: auto; 
	margin: 0; 
	padding: 1px 0; 
	background: url(/images/2/background-nav.png); 
}

	nav ul li	{
		display: list-item; 
		list-style: none; 
		position: relative; 
		width: auto; 
		height: auto; 
		margin: 0; 
		padding: 0; 
	}
	
		nav ul li a	{
			display: block; 
			padding: 5px 9px; 
			height: auto; 
			font-size: 16px;
			font-weight: normal;  
			color: #fff; 
			text-decoration: none; 
		}
		nav ul li a:hover, nav ul li.active a	{
			color: #fff; 
		}
		nav ul li.active, nav ul li:hover	{
			background: url(/images/2/background-nav.png); 
		}
		
			nav ul li ul	{
				display: none; 
				position: absolute; 
				top: 0; 
				left: 170px; 
				margin: 0; 
				padding: 0; 
				background: #7d1a4c; 
				z-index: 10; 
				border: 1px solid #7d1a4c; 
			}
			nav ul li:hover > ul	{
				display: block; 
			}
				nav ul li ul li	{
					display: list-item; 
					list-style: none; 
					position: relative; 
					width: auto; 
					height: auto; 
					margin: 0; 
					padding: 0; 
				}
				nav ul li ul li.active, nav ul li ul li:hover	{
					background: url(/images/2/background-nav.png); 
				}
				
					nav ul li ul li a	{
						display: block; 
						height: auto; 
						width: 190px; 
						padding: 5px; 
						font-size: 14px; 
						font-weight: normal; 
						color: #fff; 
					}
					nav ul li ul li a:hover	{
						color: #fff; 
					}

article p, article h1, article h2, article h3, article h4, article h5, article h6	{
	margin-left: 0; 
	margin-right: 0; 
}

/* Divs */
header, footer, nav, section, aside, article	{
	display: block; 
}

div#ie6warning	{
	display: none; 
	position: absolute; 
	z-index: 200; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 15px; 
	background: #fdffc4; 
	border-bottom: 1px solid #777; 
	text-align: left; 
}

div#container	{
	position: relative; 
	width: 960px; 
	min-height: 100%; 
	margin: 0 auto; 
	text-align: left; 
	background: url(/images/1/background-side.png) repeat-y;
}

	aside	{
		position: relative; 
		float: left; 
		width: 275px; 
	}
	
		header	{
			position: relative; 
			width: 235px; 
			height: 400px; 
			margin: 0 20px; 
		}
			img#logoText	{
				position: absolute; 
				top: 63px; 
				left: 13px; 
			}
			img#logoImage	{
				position: absolute; 
				top: 40px; 
				left: 133px; 
			}
			img#logoSub	{
				position: absolute; 
				top: 280px; 
				left: 16px; 
			}
		
		nav	{
			position: relative; 
			width: 235px; 
			margin: 0 20px; 
		}

	section	{
		position: relative; 
		float: right; 
		width: 600px; 
		padding: 60px 5px 20px 5px; 
	}
	
	article	{
		padding: 0 7px; 
	}
	
div.spacer	{
	position: relative; 
	clear: both; 
	width: 100%; 
}

/* Images */
img	{
	border: none; 
}

img.rand_gecentreerd, img.rand_links, img.geenrand_links, img.rand_rechts, img.geenrand_rechts	{
	border: 1px #000000 solid; 
	margin: 7px; 
}
	
img.rand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
}

img.geenrand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
	border: none; 
}

img.rand_links	{
	float: left; 
}

img.geenrand_links	{
	float: left; 
	border: none; 
}

img.rand_rechts	{
	float: right;
}

img.geenrand_rechts	{
	float: right; 
	border: none; 
}

.emailhover img	{
	cursor: pointer; 
	margin-top: 0; 
	margin-bottom: -2px; 
}


/* TinyMCE specific rules */
.mceContentBody a { 
	color: #35051d !important; 
	text-decoration: underline !important; 
	font-weight: normal !important; 
 }
.mceContentBody { background: transparent; text-align: left; }