/* General */

html,
body
{
	background: #F2F0EB url( ../images/body.background.png );
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* 12px */
}

html>body
{
	font-size: 12px;
}
 
#content
{
	font-size: 1em;
	line-height: 1.667em;
}

	#content div,
	#content p,
	#content dl,
	#content ol,
	#content ul
	{
		margin-bottom: 1.667em;
	}
	


/* Links */

a:link,
a:visited
{
	color: #FF6600;
	text-decoration: none;
}

a:hover,
a:active
{
	color: #FF0000;
	text-decoration: underline;
}

a img
{
	outline: none;
}



/* Header */

#header,
#container
{
	background: #FFF url( ../images/container.background.png ) repeat-y center top;
}

	#header-image
	{
		background: #fff url( ../images/visual.kidsbuiten.png ) no-repeat center left;
	}

		#header-image img
		{
			width: 282px;
			height: 102px;
		}



/* Navigation */

#navigation
{
	padding-top: 29px;
	background-color: #ccc8be;
}

	/* Menu */
	#navigation #main-menu
	{
		font-size: 1.333em;
		line-height: 1.5em;
	}

		#navigation #main-menu li a
		{
			display: block;
		}

		body#home li#main-menu-home
		{
			visibility: hidden;
		}

		#navigation #sub-menu-schakelen
		{
			margin-top: 1.286em;
		}

	#navigation #sub-menu
	{
		line-height: 1.667em;
		margin: 2.572em 0;
	}

		#navigation a:link,
		#navigation a:visited
		{
			color: #4f4b41;
			text-decoration: none;
		}

		#navigation a:hover,
		#navigation a:active
		{
			color: #FF6600;
		}

		#navigation a.selected
		{
			font-weight: bold;
		}


/* Content */

#content
{
}

	#content p, #content dl, #content ol, #content ul,
	#aside p, #aside dl, #aside ol, #aside ul
	{
	}

	#content ul
	{
		margin-left: 1.667em;
	}

		#content ul li
		{
			list-style: disc;
		}

	

/* Aside */

#aside
{
	background-color: #f9f8f7;
	border-left: dotted 1px #ccc8be;
	color: #4f4b41;
	font-size: 0.917em;
	line-height: 1.362em;
	padding-top: 63px;
}




/* Footer */

.footer
{
	background: transparent url( ../images/footer.background.png ) no-repeat left top;
}
	
	.footer a:link,
	.footer a:visited
	{
		color: #000;
	}
	
	.footer a:hover,
	.footer a:active
	{
		color: #FF6600;
		text-decoration: none;
	}
	
	.footer p
	{
		font-size: 0.8333em;
		line-height: 1.8em; 
		padding: 5px 10px;
	}



/* Texts */

h1
{
	font-size: 1.667em;
	line-height: 1.667em;
	margin-bottom: 0; 
}

h2
{
	background-color: #e58a33;
	color: #fff;
	-moz-border-radius: 3px;
	font-size: 1.1667em;
	line-height: 1.286em;
	margin: 1.286em -5px;
	padding: 0 5px;
}

h3
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.286em;
}
	
strong,
b
{
	font-weight: bold;
}

em,
i
{
	font-style: italic;
}




/* Forms */

table.frm td
{
	padding: .25em;
}

table.frm p
{
	margin: 0 !important;
}

input,
select,
textarea
{
	font: 1em Arial, Helvetica, sans-serif;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC8BE;
}

input:focus,
select:focus,
textarea:focus
{
	border-color: #e58a33;
}

form td p strong
{
	margin-right: 10px;
}

	form input.del,
	form input.rst,
	form input.sbm
	{
		border: 1px outset #4F4B41;
		padding: .15em 1.35em;
	}

	form input.del
	{
		color: #f00;
	}

	form input.del:hover
	{
		background-color: #f00;
		color: #fff;
	}

	form input.rst:hover
	{
		background-color: #CCC8BE;
	}
	
	form input.sbm
	{
		background-color: #CCC8BE;
		color: #000;
		font-weight: bold;
	}

	input.sbm:hover
	{
		background-color: #E58A33;
		border-color: #E58A33;
		color: #fff;
		cursor: pointer;
	}




/* Others */

.attention
{
	color: #f00;
	font-weight: bold;
}

.noScreen
{
	display: none;
}

.signedIn
{
	border-bottom: dotted 1px #ccc8be;
	text-align: right;
}

.subtle
{
	font-size: .8em;
	color: #817d73;
}



/* Temp (todo) */

p.bar
{
	margin-bottom: .857em;
	padding-bottom: .857em;
}