 /* de Spinnerij donkerpaars	#911B79 */
 /* de Spinnerij lichtpaars	#9B4088 */


body {
	font-family:	Verdana, Arial, Tahoma;
	font-size: 9pt;

}

body {
	padding: 0px;
	text-align: center;

	background-color: white;
}

a, img {
	border: none;
}

a {
	color:				#911B79;
	text-decoration:	underline;	
}

a.navigateLink, a.navigateFooterLink {
	font-size:			1.1em;
	color:				#911B79;
	text-decoration:	none;
	text-transform:		uppercase;
	font-weight:		normal;
}

a.navigateFooterLink {
	font-size:			0.9em;
}

a.copyrightBarLink {
	text-decoration:	underline;	
}

.copyrightBar, .copyrightBarLink, .htmlTidyBar {
	font-size: 0.9em;
	background-color: white;
	color: #444;
}

.copyrightBar, .htmlTidyBar {
	padding-top:	10px;
	padding-bottom:	14px;
	text-align:	right;
	clear:		both;	
}

.copyrightBar {
	text-align:	center;
}

.footerLinkBar {
	float: left;
	clear: both;
	margin-top: 60px;
	margin-bottom: 20px;
	
	padding-left: 160px;
}

.navBar {
	margin-top: 10px;
}

div {
	padding: 0px;
	border:	0px dotted Silver;
}

p {
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}


li {
	
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.6em;
	margin-bottom: 1.4em;
}

li.defaultListItem {
}


.headerContainer {
	clear: both;

	padding-top: 40px;
	padding-left: 14px;
}


.main {
	background-image: url('../images/schaduw-bovenhoek.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	background-color:	white;
	margin-top:			10px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		20px;
	
	width: 				900px;
	
	padding-bottom:		0px;
	clear: both;
}


div.content {
	font-size: 1em;
	
	width: 650px;	
	text-align: left;
	line-height: 1.8em;		
	
	float: right;
	clear: right;
	
	margin-top: 32px;
	padding-right: 20px;
}


.mainLinkContainer {
	clear:	left;
	float:	left;

	width: 170px;
	
	padding-top: 35px;
	padding-left: 17px;

	text-align: right;
}

.navigate {
 	padding: 3px;
 	padding-right:5px;
	margin-bottom: 	10px;
	font-size:	1.0em;
	text-align: right;
	text-transform: uppercase;
	font-weight: normal;
	color:		#9B4088;	/*lichtpaars*/
}

#activeLink {
  	font-size: 1.2em;
 	font-weight: normal;
 	text-align: right;
 	background: #9B4088;
 	color: white;
	padding: 2px;
	padding-right: 18px; 
	background-image: url('../images/active_link.gif');
/*	background-repeat: no-repeat;
	background-position: 100% 60%	*/
}

.headerSubscriptContainer {
	clear:	both;

	padding-top: 10px;
	padding-bottom: 10px;	
	padding-right: 20px;

	text-align: right;
	font-weight: normal;
	font-size: 1.1em;
}

.pageImage {
	clear:				left;
	float:				left;
	width:				150px;
	margin-top:			40px;	
	margin-bottom:		0px;		
	margin-left:		35px;
}

.footer {
	font-size:		0.9em;
	clear: 			both;
	text-align: 	center;
}

.footerLinkContainer, .footerNonLinkContainer, .footerLinkSpaceContainer {
	float:			left;
	padding-left: 	20px;
	padding-right:  20px;
	text-align:		center;
}

.footerNonLinkContainer, .footerLinkSpaceContainer {
	font-size:		0.9em;
	text-transform: uppercase;
	color:			gray;
}

.footerLinkSpaceContainer {
	padding: 		0px;
}

.tradeName {
	font-family:	Verdana, Arial, Tahoma;
	color:				#911B79;
}

.portfolioImage {
	border:		1px solid #BBB;
}

.portfolioInfoContainer, .portfolioNavContainer {
	font-size:		0.8em;
	line-height: 	1.3em;		
	font-family:	Verdana, Arial, Tahoma;
	color:		#444;
	width:		160px;
	float:		right;
	clear:		right;
	margin-top: 0px;
	margin-right: 0px;
	border: 1px solid #EEE;
	background-color:	whitesmoke;
	padding: 8px;
}

.portfolioInfoContainer {
	height:		310px;	
}

.portfolioNavContainer {
	font-size:		1em;
	color:		Black;
	background-color:	white;	
	border: none;
	margin-top: 30px;
	text-align: center;
}

.portfolioLinkBlock, .portfolioLinkBlockActive {
	width: 22px;
	height: 22px;
	background-color: #911B79;
	background-image: url('../images/portfolioblock.gif');	
	float: left;
	margin: 9px;
}

.portfolioLinkBlockActive {
 	background-image:	none;
	background-color: silver;	
}

iframe.googleMap {
	border: 1px solid black;
}

div {
	border: 0px dotted pink;
}
