/* RESET.CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}

table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
ol, ul {
	list-style: none;
}*/


/*CLASSES*/

.left
{
	float:left;
	display: inline;
}
.right
{
	float:right;
	display: inline;
}
.imagereplaced
{
	text-indent:-999999px;
}

/*clear fix*/
.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom:1;
}

.clear
{
	clear:both;
}


body, html
{
	height:100%;
	min-height:100%;
}

body
{
	background: #fff8db url(../img/content-bg.png) repeat-y top center; /*BG voor buitenzijde links en rechts*/
	font-family: Arial, Verdana, Trebuchet; /*font voor gehele site regelen*/
	font-size:70%;
	color: #1f1e21;  /*font kleur voor gehele site regelen*/
}

body h1
{
	font-size:1.4em;
	margin-bottom:20px;
	color:#9b9580;
}

body h2
{
	font-size:1.2em;
	color:#9b9580;	
}

body h3
{
	font-size:1.0em;
	color:#9b9580;
}

body p
{
	margin-bottom: 15px;
}

body div#wrapper 
{
	background:transparent url(../img/bg-uitroepteken.png) no-repeat bottom left;
	width:807px;
	margin:0px auto;
	height:100%;
}

	body div#wrapper div#innerwrapper
	{	
		
		margin:0px auto;
		min-height: 100%;
		padding-bottom:20px;
		width:800px;	
	}
	
		body div#wrapper div#innerwrapper div#header
		{
			background:url(../img/header-visual.png) no-repeat top center;
			height:351px;
			margin-bottom: 30px;
			width:inherit;
		}
		
		
		body div#wrapper div#innerwrapper ul#navigation
		{
			list-style: none;
			list-style-type: none;
			margin:0px 0px 0px 0px;
			padding-right:0px;
			text-align:right;	
					
		}
		
			body div#wrapper div#innerwrapper ul#navigation li
			{
				line-height: 2.1;
			}

/*menu a				
				body div#wrapper div#innerwrapper ul#navigation li a, body div#wrapper div#innerwrapper ul#navigation li a:visited, body div#wrapper div#innerwrapper ul#navigation li a:active  
				{
					color: #eec200;
					font-size:1.4em;
					text-decoration: none;
					font-weight:bold;
					font-style:italic;
				}*/

/*menu a:hover			
		body div#wrapper div#innerwrapper ul#navigation li a:hover, body div#wrapper div#innerwrapper ul#navigation li.active, body div#wrapper div#innerwrapper ul#navigation li.active a
		{
			color:#b9b299;
			text-decoration: underline;
		} */
		
		body div#wrapper div#innerwrapper div#content
		{
		
			width:560px;
			margin-right: 30px;
			min-height: 100%;	

			font-size:1.2em;
			line-height: 1.4;
			margin-bottom:20px;
		}	
		
		body div#wrapper div#innerwrapper div#content a
		{
			color: #000000;
			line-height:1.4;
			text-decoration:underline;
		}

		body div#wrapper div#innerwrapper div#content a:hover
		{
			color: #eec200;
			line-height:1.4;
			text-decoration:underline;
		}	
			
		body div#wrapper div#innerwrapper div#content ul
		{
			list-style-position:outside;
			margin-bottom: 15px;
			padding-left:10px;
		}	
				
		body div#wrapper div#innerwrapper div#content li
		{
			margin-left:20px;
			padding-left:10px;
		}	
	
		body td { border:1px solid #e2dcc8; padding:5px; text-align: center; width: 180px; height: 100px; vertical-align: middle }
		
/*dynamisch menu*/	

.arrowlistmenu			{
								width: 150px; /*width of accordion menu*/
						}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
								margin-bottom: 0px; /*bottom spacing between header and rest of content*/
								padding: 4px 0 4px 0px; /*header text is indented 10px*/
								cursor: hand;
								cursor: pointer;
								margin-top: 2px;
								color: #eec200;
								font-size:1.4em;
								text-decoration: none;
								font-weight:bold;
								font-style:italic;								
								
						}

.menuheader:hover		{
								color:#9b9580;
								text-decoration: underline;
						}

.arrowlistmenu ul		{ /*CSS for UL of each sub menu*/
								list-style-type: none;
								margin: 0;
								padding: 0;
								margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
						}

.arrowlistmenu ul li		{
								line-height: 20px;
								color:#9b9580;
						}

.arrowlistmenu ul li a		{
								color: #9b9580;
								display: block;
								padding: 0px 0;
								padding-left: 19px; /*link text is indented 19px*/
								text-decoration: none;
								font-weight: normal;
								font-size: 1.2em;
								font-style:italic;																
						}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
								color: #9b9580;
								text-decoration: underline;
						}