/* @group Algemene Styles */

/* Resetten van alle marges en paddings */

h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd {
	margin: 0;
	padding: 0;
}

/* Algemene body elementen */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #682145;
	font: normal normal 12px/20px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	word-spacing: normal;
	white-space: normal;
	letter-spacing: normal;
	background: #682145 url(DesignerImages/body-patroon.jpg) repeat-x;
}
* html body {
	behavior:url("DesignerScripts/csshover.htc");
}

:focus {
	outline: none;
	border: 0;
}

/* Teksten in de tabellen */

td, tr {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #682145;
	font: normal normal 12px/20px Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	word-spacing: normal;
	white-space: normal;
	letter-spacing: normal;
}

/* Afbeelding vergroten pop-up*/

.imagepopup {
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 10px 15px 10px 10px;
	overflow: hidden;
	background: #864d6a;
	width: 100%;
	height: 100%;
}

.popuplink {
	text-align: center !important;
}

/* Algemene links in #main */
#main a,
#main a:link,
#main a:visited,
#main a:active {
	color: #864d6a;
	text-decoration: none !important;	
	letter-spacing: normal;
	font-weight: bold;
}

#main a:hover {
	color: #e933a6;
	text-decoration: underline !important;		
}

/* Algemene links overige */
a,
a:link,
a:visited,
a:active {
	color: #864d6a;
	text-decoration: none;		
}

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

/* Afbeelding specificaties */

img {	
}

/* Opsomming in maincontent */
li {
	background: transparent !important;
}

/* Subtitel - Header */

#maincontent h1 {
	font-size: 18px !important;
	margin-bottom: 10px;
	color: #864d6a !important;
	line-height: 30px;
	text-transform: none!important;
	display: block !important;
	height: 30px;
	text-align: left !important;
}

/* Inleidende tekst */

#maincontent h2 {
	margin: 0;
	color: #e40090;
	font-size: 15px;
	font-weight: bold;
}

/* Subkopje */

#maincontent h3 {
	margin: 0;
	color: #864d6a;
	font-size: 15px;
	font-weight: bold;
}

/*  */

h4 {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #e1d3da;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border-spacing: 2px 2px;
	padding: 10px;
	background: #682145;
	border: 1px solid #e5dac0;	
}

/*  */

h5 {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #e1d3da;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border-spacing: 2px 2px;
	padding: 10px;
	background: #e40090;
	border: 1px solid #e5dac0;
}

/*  */

h6 {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #743351;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border-spacing: 2px 2px;
	padding: 10px;
	background: #e5dac0;
	border: 1px solid #e5dac0;
}

/* lijn */

hr {
	border: 0;
	color: #e933a6;
	background: #e933a6;
	height: 1px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
}

/* Correctie IE lijn */

* html body hr {
	width: 100%;
}

/* Leeg */

address {
	
}

/* Leeg */

p {
	
}

/* leeg  */

pre {
	
}

/* @end */

/* @group Formulier */

/*< Formulier typografie en velden> */

/* kopjes en tekst van formulier  */

.formprompt {
	font-weight: bold;
	font-size: 12px;
	color: #864d6a;
	width: auto;
}

/* tekst velden  */

.formfield input {
	color: #864d6a;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}

html>body .formfield input {
	border: 1px solid #dcceab;
}

.formfield textarea {
	color: #864d6a;
	font-size: 12px;
	font-weight: bold;
	height: 150px;
	width: 400px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #dcceab;	
}
.formfield select {
	width:220px;
	border: 1px solid #dcceab;	
}
.formfield option {
	border: none none;	
}

html>body .formfield textarea {
	border: none;
	color: #864d6a;
	width: 306px;
	height: 100px;
	border: 1px solid #dcceab;
}

/* kopjes van group */

.formgroup {
	color: #e2d3db;
	background: transparent url(DesignerImages/menu-head.gif) repeat-x;
	border: 1px solid #e5dac0;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}

/* Ruimte tussen de verschillende groups */

.formgroupspacer {
	padding-top: 10px;
}

/* Verstuur formulier button */

.formsubmit {
	margin-top: 0px;
	width: auto;
	text-align: left;
	display: block;
	border-top: solid #dcceab 1px;
	padding: 15px 0 0 0;
}

.error {
	display: block;
	margin: 0 0 20px 0;
	color: #cc3300;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	background: #faeae5;
	border: 1px solid #cc3300;
}

/* @end */

/* @group Sitemap constructie */

/*Algemene omvattende containers*/
#sitemap .maincat {
	float: left;
	width: 220px;	
	text-align: left;
	margin: 0;
	padding: 0;
	border: 1px solid #e5dac0;
	margin: 5px 10px 5px 0;
	background: #e5dac0 ;
}

/*Algemene links in containers*/
#sitemap .maincat a {
	font-size: 14px;
	padding: 0px 10px 0 10px !important;
	font-weight: bold !important;
	line-height: 30px !important;
	display: block;
	color: #864d6a;
	text-decoration: none;		
}

#sitemap .maincat a:hover {
	color: #e933a6;
	text-decoration: none !important;		
}		

/* 1e niveau */
#sitemap .maincat ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: white;	
}
#sitemap .maincat ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	_zoom:100.1%
}
#sitemap .maincat ul li a {
	display: block;	
	font-weight: bold !important;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 20px !important;
	color: #864d6a;
	text-decoration: none;	

}

/* 2e niveau */
#sitemap .maincat ul ul{
	/* 2e niveau */
	list-style: none;
	margin: 0;
	padding: 0 ;
	padding-bottom: -10px;
	
}
#sitemap .maincat ul ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sitemap .maincat ul ul li a {
	font-weight: normal !important;
	background: transparent;
}

/* 3e niveau */
#sitemap .maincat ul ul ul{
	/* 2e niveau */
	list-style: none;
	padding: 0;
	margin: 0 0 0 15px;
	border-left: 1px solid #e5dac0;
	padding-right: 5px;
}

#sitemap .maincat ul ul ul li {
	background: transparent url(DesignerImages/horizontal-dot.gif) no-repeat !important;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* @end */