@charset "utf-8";
/* CSS Document */


body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	line-height: 17px;
}
img {
	border: 0;

}
.corner {		
	 
	
	 -moz-border-radius: 25px 0px 0px 0px; /* Firefox */
  -webkit-border-radius: 25px 0px 0px 0px; /* Safari and Chrome */
  border-radius: 25px 0px 0px 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3
}
 
.gradient {
	overflow: hidden;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	box-border-radius: 5px 5px 5px 5px;
	border: 1px solid #CCC;	
	background: #FFF; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccccccc', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cccccc,  #ffffff); /* for firefox 3.6+ */
}

td {
	
	text-decoration: none;
}

th {
	
	text-decoration: none;
}
a:link {
	color: #FFF;
	text-decoration: underline;
}

a:hover {
	color: #9b76aa;
	text-decoration: underline;
}
a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:active {
	color: #FFF;
	text-decoration: underline;
}
a.selected{
	color: #99CA3A;
	text-decoration: underline;
}

h1 {	font-size: 18px;
	color: #9b76aa;
	 
	font-weight: bold;

}
h2 {	font-size: 16px;
 
	 
	font-weight: bold;

}
h3 {
	font-weight: bold;
	font-size: 12px;
}
#container {
	position:relative;
	width:900px;
	height:auto;
	 	 
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF; !important
	-moz-border-radius: 40px 0px 0px 0px;
	-webkit-border-radius: 40px 0px 0px 0px;
	border-radius: 40px 0px 0px 0px;
	 
 
}

#header {
	height: 130px;
	width: 900px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
}

 
#logo {
	height: 78px;
	width: 300px;
	margin-top: 25px;
	margin-left: 25px;
	 
	float: left;
}
 #knop {
	height: 100px;
	width: 100px;
	float: left;
	position: absolute;
	visibility: visible;
	z-index: 1;
	left: 779px;
	top: 13px;
} 
#menu1 {
	height: 35px;
	width: 900px;
 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #906B9E;
 
}

#menu {
	height: 35px;
	width: 885px;
	margin-top: 0px;
	padding: 0px;
 
	background-color: #FFF;
	margin-left: 15px;
}

#menu ul {
	list-style		: none;
	float			: left;
	display			: inline;
	z-index			: 10;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #9b76aa;
	height: 25px;
	min-width: 120px;
		text-align: center;
		-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}
#menu a {
	font-size		: 18px;
	color			: #FFF;
	text-decoration : none;
	font-weight: normal;
	text-shadow: 1px 1px 1px #666;
	 
}

#menu a:hover {
	color: #CCC;
	font-weight: normal;
	 
}

#menu a.selected {
	color: #CCC;
	font-weight: normal;
	 
}
#menu ul li {
	height			: 25px;
	z-index			: 11;
	float: left;
	min-width: 115px;
	padding-top: 3px;	
	
}

#menu ul ul li {
	height			: auto;
	width			: auto;

}

#menu li {
	position		: relative;
}

#menu ul ul {
	position		: absolute;
	top				: 40px;
	left			: 0px;
	z-index			: 10;
	width: 238px;

}

#menu ul ul li {
	padding			: 0px 0px 0px 0px;

}

#menu ul ul li.sub {
	background		: transparent url('../images/arrow.gif') no-repeat right;
}

#menu ul ul li a {
	font-weight		: normal;
	text-transform	: none;
	
}

#menu ul ul ul {
	position		: absolute;
	top				: -10px;
	left			: 100%;
	height			: auto;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}	
#contentinhoud {
	width: 900px;
	height: auto;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9B76AA;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9B76AA;
	padding-bottom: 10px;
 
}

#tekstblok {
	height: auto;
	width: 355px;
	float: left;
	margin-left: 25px;
}

#tekst {
	height: auto;
	width: 400px;
	margin-top: 10px;
	margin-left: 25px;
	padding-right: 25px;
	float: left;
	 
}
#tekst_ref {
	height: 50px;
	width: 300px;
	 
	margin-left: 25px;
	padding-right: 25px;
	float: left;
	bottom: 10px;	 
}
#blok_groot {
	height: auto;
	width: 850px;
	margin-top: 10px;
	margin-left: 25px;
	padding-right: 25px;
	float: left;
	 
}
#blok_groot a:link {
	color: #9B76AA;
	text-decoration: underline;
}

#blok_groot a:hover {
	color: #9b76aa;
	text-decoration: underline;
}
#blok_groot a:visited {
	color: #9B76AA;
	text-decoration: underline;
}
#blok_groot a:active {
	color: #9B76AA;
	text-decoration: underline;
}
#blok_groot a.selected{
	color: #99CA3A;
	text-decoration: underline;
}
#tekst a:link {
	color: #9B76AA;
	text-decoration: underline;
}

#tekst a:hover {
	color: #9b76aa;
	text-decoration: underline;
}
#tekst a:visited {
	color: #9B76AA;
	text-decoration: underline;
}
#tekst a:active {
	color: #9B76AA;
	text-decoration: underline;
}
#tekst a.selected{
	color: #99CA3A;
	text-decoration: underline;
}

#tekst1 {
	height: 00px;
	width: 310px;
	margin-top: 10px;
	margin-left: 25px;
	padding-right: 25px;
	float: left;
}
#tekst1 a:link {
	color: #9B76AA;
	text-decoration: underline;
}

#tekst1 a:hover {
	color: #9b76aa;
	text-decoration: underline;
}
#tekst1 a:visited {
	color: #9B76AA;
	text-decoration: underline;
}
#tekst1 a:active {
	color: #9B76AA;
	text-decoration: underline;
}
#tekst1 a.selected{
	color: #99CA3A;
	text-decoration: underline;
}


.style_groot {
	font-size: 18px;
	color: #9b76aa;
	 
	font-weight: bold;
	 
}

#blokken {
	float: left;
	height: 400px;
	width: 400px;
	margin-top: 20px;
	margin-right: 0px;
 
	margin-left: 25px;
}
#blokkennieuws {
	float: left;
	height: auto;
	width: 400px;
	margin-top: 20px;
	margin-right: 0px; 
	margin-left: 25px;
}
#blokken_1 {
	float: left;
	height: 300px;
	width: 400px;
	margin-top: 10px;
	margin-right: 0px;
 
	margin-left: 25px;
}
#blok_foto {
	float: left;
	height: 400px;
	width: 400px;
	overflow: hidden;
	border: 1px solid #CCC;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	 
}
#blok_fotogalerij {
	float: left;
	height: 400px;
	width: 430px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 25px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#blok_fotogalerijonder {
	float: left;
	height: 400px;
	width: 430px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 25px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#blok_fotogalerij1 {
	float: left;
	height: 400px;
	width: 400px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 25px;

	background-color: #FFF;
}
#footer {
	height: 55px;
	width: 820px;
	margin-right: 15px;
	margin-left: 15px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #3efc03;
}

#footer_adres {
	height: 85px;
	width: 870px;
	margin-top: 0px;
	float: left;
	font-size: 11px;
	color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9b76aa;
	background-color: #A8A9AD;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	opacity:0.8;
	padding-top: 15px;
}
#foto {
	height: 401px;
	width: 401px;
	padding-top: 0px;
	padding-left: 0px;
	align: center;
	margin-left: 0px;
	 
	overflow: hidden;
	float: left;
		-moz-border-radius: 25px 0px 0px 0px;
	-webkit-border-radius: 25px 0px 0px 0px;
	border-radius: 25px 0px 0px 0px;
}

#fotokl {
	height: 300px;
	width: 401px;
	padding-top: 0px;
	padding-left: 0px;
	align: center;
	margin-left: 0px;
	 
	overflow: hidden;
	float: left;
		-moz-border-radius: 25px 0px 0px 0px;
	-webkit-border-radius: 25px 0px 0px 0px;
	border-radius: 25px 0px 0px 0px;
}
#ondertekst {
	height: auto;
	min-height: 300px;
	width: 401px;
	padding-top: 5px;
	padding-left: 0px;	 
	margin-left: 0px;	 
	float: left;
		 
}
#ondertekst a:link {
	color: #9B76AA;
	text-decoration: underline;
}

#ondertekst a:hover {
	color: #9b76aa;
	text-decoration: underline;
}
#ondertekst a:visited {
	color: #9B76AA;
	text-decoration: underline;
}
#ondertekst a:active {
	color: #9B76AA;
	text-decoration: underline;
}
#ondertekst a.selected{
	color: #99CA3A;
	text-decoration: underline;
}
#foto #image {
		float			: left;
		width			: 400px;
			-moz-border-radius: 25px 0px 0px 0px;
	-webkit-border-radius: 25px 0px 0px 0px;
	border-radius: 25px 0px 0px 0px;
	}
	
		* html #foto #image {
			height			: 400px;
				-moz-border-radius: 25px 0px 0px 0px;
	-webkit-border-radius: 25px 0px 0px 0px;
	border-radius: 25px 0px 0px 0px;
			
		}
	
	#foto #imageSlideshowHolder {
		position		: relative;
		width			: 400px;
		height			: 400px;
		
	}
	
		#foto #imageSlideshowHolder img {
	position			: absolute;
	left				: 0px;
	top				: 0px;
		 
		}