/*
	Copyright @ GemeenteOplossingen
	home stylesheet www.dehullen.nl
*/

*
{
	text-align:	left;
	margin:		0;
	padding:	0;
}

body
{
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size:76%;
}

p,ol,ul,td
{
	font-size:1em;
}

a:link
{}
a:visited
{}
a:hover
{}
a:active
{}

h1
{}

h2
{}

h3
{}

h4
{}

h5
{}

h6
{}


.hidden
{
	position:		absolute;
	left:			-999em;
}

/*------------------------------MAIN---------------------------------------*/
#main
{

	margin:			0 auto;
	position:		relative;
	text-align:		center;
	/*width:			774px;*/
	width:			774px;
}

/*-------------------------------Header------------------------------------*/
#header
{
	background: 	url(../images/header.jpg) no-repeat center;
	height: 		12.34em;
	position:		relative;
	width:			774px;
}

#header img
{
	border:			none;
}

#header a
{
	text-decoration: none;
}

#header_logo 
{
	display:			block;
	height:				6em;
	padding-top:		3em;
	width:				11em;
}

/*--------------------------------Content---------------------------------------*/

#content
{
	margin-left:	12.73em;
	min-height:		30em;
	position:		relative;
	margin-top:		3.9em;
	padding:		0 .5em;
	width:			50.92em;
}

#content p
{
	line-height:	155%;
	margin-bottom:	1.1em;
}

#content h2
{
	font-size:		1.45em;
	margin-bottom:	.8em;
}

#content h3
{
	font-size:		1.15em;
	margin-bottom:	.3em;
}

#content img
{
	margin:			.6em;	
}

#content ul 
{
	list-style:		none;
	margin-bottom:	1em;
}

#content ul li
{
	padding:		.3em;
	padding-left:	1.2em;
	margin-left:	.7em;
}

#content blockquote

{
	margin-left:		1.5em;	
}

.center
{
	text-align:center;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}



/*--------------------------------Main menu-------------------------------------*/

#main_menu
{
	position:		absolute;
	top:			10.34em;
}

#main_menu h2
{
	color:			white;
}

#main_menu ul
{
	height:			3.7em;
	list-style: 	none;
	padding: 		0;
	margin: 		0;
	width:			774px;
}
#main_menu ul li
{
	
	float:			left;
	padding:		0;
	width:			12.73em;
}

#main_menu ul li h2
{
	padding-top:	.3em;
	
}

#main_menu li a
{
	color: 			white;
	display:		block;
	font-size:		.9em;
	margin-top:		-.3em;
	padding-top:	.3em;
	text-decoration:none;
	text-align:		center;
}

#main_menu ul li h2 a:hover
{
	border-bottom:	2px solid white;
	padding-bottom:	.1em;
}

#main_menu #blue
{
/*	background:		#4FA0E2 url(../images/hoek_l_menu.jpg) no-repeat left top;*/
	background:		#4FA0E2;
	height:			2.47em;
}	

#main_menu #yellow
{
	background:		#5701B8 url(../images/hoek_l_menu_purple.jpg) no-repeat left top;
/*	background:		#5701B8;*/
	height:			2.47em;
}

#main_menu #orange
{
	background:		#ED6A1F;
	height:			2.47em;
}

#main_menu #green
{
	background:		#22A815;
	height:			2.47em;
}

#main_menu #red
{
	background:		#D30E0E url(../images/hoek_r_menu.jpg) no-repeat right top;
	height:			2.47em;
	width: 154px;
}


/*--------------------------------Submenu-------------------------------------*/

#submenu
{
	top:				16.2em;
	position:			absolute;
	width:				12.73em;
}

#submenu a
{
	display:			block;
	text-decoration:	none;
}

#submenu a:hover
{
	color:				black;
}

#submenu ul
{
	list-style-type:	none;
}

#submenu ul li
{
	padding:			.2em 0 .2em 1em;
}	


/*--------------------------------Topmenu------------------------------------*/

#topmenu
{
	clear:			both;
	height:			2.47em;
	position:		absolute;
	right:			0;
	top:			0;
	width:			29.41em;
}

#topmenu ul
{
	float:			left;
	margin-left:	1em;	
}
#topmenu ul li
{
	color:			white;
	float:			left;
	height:			1.97em;
	list-style-type: none;	
	padding:		.5em .3em 0 0em;	
}

#topmenu ul li a
{
	color:			white;
	text-decoration: none;
}

#topmenu ul li a:hover
{
	color:			black;
}

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

#content #sitemap li
{
	background: none;
}

#content #sitemap li ul li
{
	background:		none;
}


#sitemap li h3 a
{
	color:		#4FA0E2;
}

#sitemap li ul li a
{
	color:		#4FA0E2;
}

/*--------------------------------Search--------------------------------------*/

form
{
	
	min-height:			2.47em;
}

legend 
{
	display:		none;
}

label
{
	display:		none;
}

form fieldset
{
	border:			none;	
}

#zoeken
{
	border:			none;
	color:			gray;
	height:			1.1em;
	font-size:		1.05em;
	margin-left:	1em;
	margin-top:		.45em;
	padding-bottom:	.1em;
	padding-left:	.5em;
	width:			9.3em;
}

.submit
{
	border:			none;
	cursor:			pointer;
	width:			2em;
}

/*--------------------------------Search--------------------------------------*/

#klikpad
{
	margin-bottom:	.8em;
}

#klikpad a
{
	margin-left:		.4em;
	
}

#content h3
{
	margin-top:		2.5em;
}

#content form
{
	background:		none;
}

#content form .button
{
	background:		#4FA0E2;
	border:			1px solid gray;
	color:			white;
	height:			1.5em;
	text-align:		center;
}

#content form #zoek
{
	width:			14.6em;
}

#content form #type
{
	margin-top:		.5em;
	width:			15em;
}

#content #list li
{
	background:		none;
}

#content #list li h2
{
	color:			#D30E0E;
}

/*--------------------------------Footer--------------------------------------*/

#footer
{
	clear:			both;
	height:			12.34em;
	margin-top:		2em;
}
	
#footer p
{
	bottom:			.5em;
	color:			#797E82;
	font-size:		.9em;
	text-align:		center;
	position:		absolute;
	width: 			100%;
}


/*--------------------------------Visuals-------------------------------------*/

#logo
{
	margin:			.5em 0 0 2em;
}



.out
{
	position:absolute;
	top:-999em;
	left:-999em;
	height:0;
}


.invalid_link
{
	color:black;
	text-decoration:underline;
}


.nonvisual
{
	display:	none;
}

/* ######################### */
/* #   Content Formulier   # */
/* ######################### */


#formulier fieldset legend
{
	
}


#formulier fieldset
{
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding-bottom: 20px;
}

#formulier legend
{
	display:block;
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
}

#formulier label
{
	padding:.5em;
	float:left;
	width:15.5em;
}

#formulier fieldset br
{
	display:block;
	clear:both;
}

/* Opmaak Formulier */
#formulier{ width: 620px; position: relative;}

#formulier input{}

#formulier #__emailto { width: 240px; }

#formulier .nextbutton { margin-top: 25px; }

#formulier p { margin: 0.5em; }

#formulier label { padding-left: 0px!important; padding-top: 0px; padding-bottom: 10px; display: block; }
#formulier p { margin-left: 0px; }

#formulier .check{ float: right; width: 370px; margin-top: -2px; padding-bottom: 0px; font-weight: normal; }

#formulier .checkbox, #formulier .radiobutton { margin-left: 15em; }

span.margin { margin: 20px 0; display: block; }

#formulier .checklabel, #formulier .radiolabel { width: 15em; margin-bottom: -20px; margin-top: 15px; color: #000; }

#formulier .required
{
display: inline-block;
background: url(../images/ster.gif) no-repeat top left;
padding: 0px;
text-indent: -9999px;

width: 10px;
height: 10px;
line-height: 100%;
}

#formulier #bar { border: 1px solid #CCCCCC; height: 15px;}
#formulier #bar img { margin: 0; padding: 0;}

#results{ border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; width: 500px; margin-bottom: 20px;}
#results caption {display: none;}
#results td, th, caption 
{
font-size: 8pt;
color: #666666;
padding: 5px;
padding-left: 0px;
border-bottom: 1px solid #EEEEEE;
vertical-align: top;
}

#results input{ font-size: 8pt; background: none; border: none; border-bottom: 1px solid #666666; width: 34px;  color: #666666; height: 14px;}
#results input:hover{ border-bottom: 1px solid #FFFFFF;}

#results th { background: #EEEEEE; color: #666666;}

#results ul { list-style: none; margin: 0px; padding: 0px; }
#results ul  li{ background: none;  margin: 0px; padding: 0px; }

#results .wijzigen { cursor: pointer; }


#submit{ width: 600px; height: 30px;  padding: 10px 0 0 0; }
#submit input{float: right; text-align: center;}

/* Foutmelding */
#foutmelding { background: #fef36d; border: 3px solid #5701b8; padding: 10px; color: #000000; margin-bottom: 10px; }
#foutmelding ul{ list-style: none; margin: 0px;}
#foutmelding li { margin: 5px 0px; }
#foutmelding li input{ background: #FE9900; color: #FFFFFF; border: none; font-weight: bold; padding: 3px 7px; cursor: pointer; }