/* Kleuren: Linkermenubalk bgcolor oud #c4c4c4 nieuw #d1d1d1 / roze: #e2007a / tekstkleur p: #585757 / 
contentblok lichtgrijs: oud e4e4e4 nieuw ededed/ onderbalk donkergrijs: oud 797979 nieuw 828282 / lichtblauw: #11b6dd */

/* ---- Algemeen ---- */

	body { 
		margin: 0px; 
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #585757; }
	
	#container {
		width: 918px; 
		height: 740px;
		margin: 0 auto 0 auto;
		position: relative;
		text-align: left;
		padding: 30px 36px 30px 36px; }
		
		#container.sitemap { height: 940px; }
	
/* ---- Gradients (schaduwen) ---- */

	#top { 
		position: absolute;
		left: 0px;
		top: 0px;
		width: 990px;
		height: 30px; 
		background: url('images/topgradient.gif') top left no-repeat; }
		
	#left { 
		position: absolute;
		left: 0px;
		top: 30px;
		width: 19px;
		height: 740px; 
		background: url('images/leftgradient.gif') top left repeat-y; }

	#right { 
		position: absolute;
		right: 1px;
		top: 30px;
		width: 19px;
		height: 740px; 
		background: url('images/rightgradient.gif') top right repeat-y; }
		
		#left.sitemap, #right.sitemap { height: 940px; }
		
	#bottom { 
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 990px;
		height: 30px; 
		background: url('images/bottomgradient.gif') top left no-repeat; }

/* ---- Header ---- */

	h1 {
		width: 918px;
		height: 178px;
		margin: 0;
		padding: 0; }

/* ---- Menubalk bovenin ---- */

	ul#hmenu {
		width: 918px;
		height: 36px;
		list-style: none;
		margin: 3px 0 2px 0;
		padding: 0px; }
		
		ul#hmenu li {
			margin: 0px;
			padding: 0px;
			display: inline; }
					
		ul#hmenu img { border: none; }
				
/* ---- Footer ---- */

#footermenu { 
	margin: 8px 0 0 0; 
	padding: 0px; 
	text-align: center; }
	
	#footermenu li { 
		display: inline; 
		background: url('images/footer_bullet.gif') left top no-repeat; 
		padding-left: 14px; 
		margin: 0 10px 0 0; }
	
	#footermenu a { 
		color: #828282; 
		text-decoration: none; 
		font-size: 11px; }
		
	#footermenu li.first { 
		background-image: none; }

	#copyright { 
		position: absolute; 
		right: 45px; 
		bottom: 33px; 
		color: #828282; 
		font-size: 11px; 
		margin: 0px; 
		padding: 0px; }
		
/* ---- Menublok Linkerkant ---- */

	div#vmenu, div#vcontent {
		width: 188px;
		height: 496px;
		background: url('images/leftbottomcorner.gif') left bottom no-repeat #d1d1d1;
		position: absolute;
		left: 36px; 
		top: 249px; }
	
	#masterdiv {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px; 
		color: #ffffff; 
		font-weight: normal; }
	
	.menutitle a { line-height: 52px; display: block; margin: 0 0 5px 0; color: #ffffff; text-decoration: none; font-weight: bold; }
	
	.menutitle { background: url('images/leftmenu.gif'); padding-left: 8px; margin: 0 0 5px 0; line-height: 52px; font-weight: bold; }
	
			.submenu ul { 
				margin: 10px 0 8px 10px; 
				padding: 0; }
			
			.submenu li { 
				list-style: none; 
				background: url('images/vmenu_bullet.gif') left top no-repeat; 
				padding-left: 25px; 
				margin: 8px 0 8px 0; }
				
			.submenu li:hover, .submenu li#activesub { 
				background: url('images/vmenu_bullet_omo.gif') left top no-repeat; color: #e2007a; }
				
			.submenu a { 
				color: #585757; 
				text-decoration: none; }
		
			.submenu a:hover, .submenu li a:hover, .submenu li#activesub a { 
				color: #e2007a; } 

		
		div#vcontent { 
			padding: 45px 10px 10px 10px;
			width: 168px;
			height: 441px; }
			
			div#vcontent.sitemap { height: 641px; }
			
			div#vcontent ul {
				list-style: square; /***/
				margin: 0 0 0 15px;
				padding: 0px; }
			
			#vcontent li {
				margin: 0 0 10px 0px;
				padding: 0px; }
				
			#vcontent a { 
				text-decoration: none;
				color: #585757;
				font-weight: bold; }
			
			#vcontent img { max-width: 168px; max-height: 400px; }
			
/* ---- Content Algemeen ---- */

	#content { 
		width: 665px;
		height: 451px;
		margin-left: 193px;
		padding: 45px 30px 0 30px;
		position: relative;
		background: url('images/rightbottomcorner_licht.gif') right bottom no-repeat #ededed; }
		
		#content.sitemap { height: 651px; }
			#content.sitemap * { text-align: left; }

		#content h2, #cms h2 {
			font-size: 14px;
			color: #e2007a; 
			font-weight: bold; }
			
		#content h3, #cms h3 {
			color: #11b6dd;
			font-size: 12px; }
			
			#content h3 .datum, #vcontent li .datum {
				font-weight: normal;
				font-style: italic;
				/*color: #11b6dd;*/
				color: #000000;
				font-size: 10px; }
			
		#content h4, #cms h4 { font-size: 12px; }
				
		#content a { 
				color: #e2007a;
				text-decoration: none; }
		
		/*#content ul { margin-left: 0px; padding-left: 0px; }
				
		#content ul li { list-style: none; }*/

		#decopic { float: right; margin: 40px 0 20px 20px; }
		
	#contentfooter {
		width: 645px;
		height: 132px;
		border-top: 5px solid #ffffff; 
		background: url('images/rightbottomcorner.gif') right bottom no-repeat #828282;
		position: absolute; 
		left: 0px; 
		bottom: 0px;
		padding: 20px 40px 0 40px;
		color: #ffffff; }
		
		#contentfooter h3 {
			font-size: 12px;
			color: #ffffff; 
			font-weight: bold; }
		
		#contentfooter a {
			text-decoration: none;
			color: #e2007a; }
			
		#contentfooter img { max-width: 685px; max-height: 132px; }

			
/* ---- Contactformulier ---- */
#contactformulier { border: 0px; }
#contactformulier label { width: 130px; display: block; float: left; }
#contactformulier textarea { width: 400px; height: 70px; }
#contactformulier #go { margin-left: 130px; }
#contactformulier #onderwerp { width: 400px; }

/* ---- Sitemap ---- */

#sitemap .twee th { font-weight: normal; padding-top: 5px; font-size: 11px; }
#sitemap .drie th { font-weight: normal; font-size: 10px; }
#sitemap .een th a { background: url('images/square.gif') no-repeat left; padding-left: 12px; color: #11b6dd; }
#sitemap .twee th a { font-weight: bold; color: #585757; /*color: #11b6dd;*/ background: url('images/square.gif') no-repeat left; padding-left: 12px; }
#sitemap .drie th a { color: #585757; background: url('images/square.gif') no-repeat left; padding-left: 12px;}

div#content a.antraciet, #contentfooter a.antraciet { color: #585757; }
div#content a.roze, #contentfooter a.roze { color: #e2007a; }
div#content a.blauw, #contentfooter a.blauw { color: #11b6dd; }



div#vmenu ul, div#content ul {
	list-style: square;
	margin-left: 15px;
	padding-left: 0px;
}

#content a.linkgrijs { font-weight: bold; color: #585757; }

/* ---- CMS ---- */

body#cms { text-align: left; margin: 0px; background: url('cms/sidebarbg.gif') repeat-y left top; }
#cms h2.cmsheader { margin: 80px 0 0 0; }
#cms p.resultaat { color: #009900; }
#cms p.fout { color: #CC0000; }
#cms td { padding-right: 10px; }
#cms th { width: 400px; font-weight: normal; }
#cms tr { padding-bottom: 10px; }
#cms #sidebar tr { padding-bottom: 0px; }
#cms img { border: none; }
#cms #sidebar { position: absolute; left: 0px; top: 0px; width: 250px; height: 800px; padding: 0 0 0 20px; margin-right: 30px; font-size: 11px; }
#cms #sidebar th { width: auto; }
/*#cms a { text-decoration: none; color: #e2007a; }*/
#cms #sidebar a { text-decoration: none; color: #585757; }
#cms input { width: 300px; border: 1px solid #ccc; }
#cms input.knop { width: 100px; border: 1px solid #ccc; }
#cms select { width: 303px; }
#cms select.xl { width: 551px; }
#cms input.checkb { border: none; width: auto; }
#cms .ylt { position: fixed; right: 0px; top: 0px; }
#cmscontent { margin-left: 290px; }