/*


	Main stylesheet Tynaarlo
	(c) NIC - www.notenbomer.nl
	
	CONCEPT 4
	
	palet:
	
	groenblauw:	#0097AC;
	grijs:		#988F86;
	groen:		#B9D300;
	zand:		#DBCA67;
	geel:		#E9DC00;
	oranje:		#E96B10;
*/

body
{
	font-size:76%;
	font-family:arial, helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#0097AC url(../images/mainbg.png) repeat-y right;
	padding-bottom:2em;
}

hr
{
	display:none;
}


/*------------------------------------------
	Base typography
/*------------------------------------------*/

p
{
	font-size:1.1em;
	line-height:150%;
}

h1, h2, h3, h4, h5
{
	font-family:arial, helvetica, sans-serif;
	font-weight:normal;
	color:#988F86;
}

h1
{
	margin-top:0;
	font-size:1.8em;
}

h2
{
	font-size:1.6em;
}

h3
{
	font-size:1.2em;

}

h4, h5
{
	font-size:1.1em;
}


a:link
{
	color:#0097AC;
}

a:visited
{
	color:#988F86;
}

a:hover
{
	color:#E96B10;
}

a:active
{
	color:#E96B10;
}


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

#main
{
	position:relative
}

/*------------------------------------------
	Snelmenu / Taalkeuze
/*------------------------------------------*/


.underline
{
	padding-bottom:1em;
	border-bottom:1px solid #ccc;
}

#language
{
	position:absolute;
	top:0;
	right:0;
}

#meta-navigation
{
	background:#0097AC;
	position:absolute;
	border-bottom:1px solid white;
	top:0em;
	left:0em;
	width:100%;
}

#meta-navigation h2, #language h3
{
	display:none;
}

ul.topbar
{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.topbar li
{
	float:left;
}

ul.topbar li a.readspeaker
{
	background: url(../images/readspeaker.png) no-repeat 0em 0.3em;
	padding-left: 2.3em;
}

ul.topbar li a
{
	text-decoration:none;
	color:white;
	display:block;
	padding:.4em 1.7em;
}

ul.topbar li a:visited
{
	color:white;
}

ul.topbar li a:hover
{
	color:#0097AC;
	background:white;
}

ul.topbar li a.readspeaker:hover
{
	background: white url(../images/readspeaker_inverted.png) no-repeat 0em 0.3em;
}


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

#header
{
	padding-top:2.0em;
	height:9.0em;
	background:white url(../images/head_bg2.jpg) 50% 50%;
}

#beeldmerk
{
	position:relative;
	top:0.9em;
	left:16em;
}

#woordmerk
{
	position:absolute;
	right:17em;
	top:3.2em;
}

/*------------------------------------------
	Sfeerafbeeldingen
/*------------------------------------------*/

#sfeerafbeelding
{
	
	position:absolute;
	top:2.1em;
	left:0em;
	width:100%;
	border-top:1px solid white;
}

#sfeerafbeelding img.left
{
	width:15em;
	height:8.8em;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

#sfeerafbeelding img.right
{
	width:15em;
	height:8.8em;
	position:absolute;
	top:0;
	right:0em;
	border-left:1px solid white;
	border-bottom:1px solid white;
}

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

#content
{
	margin:0;
	padding-top:1.8em;
	margin-left:15em;
	margin-right:15em;
	background:white;
	min-height:50em;
}

#content h1, #content h2
{
	font-family:Arial,helvetica,sans-serif;
	color:#ABC400;
}


/*------------------------------------------
	FAQ
/*------------------------------------------*/

#welcome div.faq
{
	font-family:Arial,helvetica,sans-serif;
	font-size:1.1em;
	line-height:150%;
}

#welcome div.faq li
{
	padding-bottom:2em;
}


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


#navigation
{
	position:absolute;
	width:15em;
	top:11em;
	left:0;
	margin-bottom:2em;
}

#navigation h2
{
	display:none;
}

#navigation ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:1px solid white;
	background:transparent;
}

#navigation a
{
	color:white;
	display:block;
	text-decoration:none;
}

#navigation ul li
{
	background:#0097AC;
}

#navigation ul ul
{
	border:none;
}

#navigation ul ul li
{
	background:#00B3CC;
}

#navigation ul ul li a
{
	padding-left:2em;
	font-family:arial;
}

#navigation ul ul ul li
{
	background:#00CBE8;
}

#navigation ul ul ul li a
{
	padding-left:3em;
}

#navigation ul li
{
	margin:0;
	padding:0;
}

#navigation ul ul li
{
	border-bottom:none;
}

#navigation ul li a
{
	padding:0.5em 1em;
}

#navigation ul li a:hover
{
	background:white;
	color:#0097AC;
}

#navigation a.active
{
	background:white;
	color:#0097AC;
}

/*------------------------------------------
	Sidebar
/*------------------------------------------*/

#sidebar
{
	background:#B9D300;
	width:14.9em;
	position:absolute;
	top:11em;
	right:0em;
}

#sidebar form fieldset
{
	border:none;
	padding:0;
	margin:0;
}

#sidebar form fieldset legend
{
	display:none;
}

#sidebar .search form fieldset label
{
	display:none;
}

#sidebar div.ovlink
{
	margin:		0;
	padding:	0;
	padding-top:	.8em;
	text-align:	left;
}

#sidebar div.ovlink a
{
	color:		black;
	font-size:	.9em;
}

#sidebar h4
{
	margin:0em;
	padding-bottom:1em;
	font-size:1.2em;
	color:black;
}

.bounding 
{
	padding:0.5em 0.7em;
	padding-bottom:1.5em;
	border-top:1px solid white;
}

.bounding form
{
	margin:0;
	padding:0;
}

.bounding p
{
	margin:.4em 0em;
}

.bounding input.text
{
	font-size:1em;
	padding:.4em;
	width:8em;
	border:1px solid #0097AC;
	color:black;
}

.bounding input.radio
{
	vertical-align:middle;
}

.bounding input.button
{
	font-size:1em;
	color:black;
	padding:.2em;
}

.bounding ul
{
	color:white;
	list-style-type:square;
	margin:0.3em 0em;
	padding:0;
	margin-left:.8em;
}

.bounding ul li
{
	padding-bottom:.5em;
}

.bounding ul li img
{
	vertical-align:middle;
	border:1px solid white;
	margin-right:1em;
}

.bounding ul li a
{
	font-size:1.1em;
	color:black;
	text-decoration:none;
}

.bounding ul li a:visited
{
	/*color:#666;*/
	color:black;
}

.bounding ul li a.noarrow
{
	background:transparent;
	padding-left:0em;
}

.links > a
{
	text-decoration:none;
	background:transparent;
}

.bounding ul li a:hover
{
	color:black;
}

.bounding ul.attachments
{
	padding:0;
	list-style-type:none;
}

.bounding ul.attachments li
{
	margin-left:-1em;
}

.bounding ul.attachments li a img
{
	border:		none;
	margin:		0;
	padding:	0;
}

#sidebar h4
{
	color:#333;
}

.poll
{
	background:#E9DC00;
}

.adres
{
	background:#DBCA67;
}

.super
{
	font-size:.8em;
	vertical-align:super;
}

#bijlagen
{
	padding:.6em 2em;
	background:#ededed;
	border-left:1px solid white;
	border-right:1px solid white;
	clear:both;
}

#bijlagen p
{
	font-size:1em;
	word-spacing:.1em;
	padding-left:5.6em;
	padding-bottom:.4em;
}

#bijlagen img
{
	border:0;
	vertical-align:middle;
}

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

#footer
{
	background:white;
	color:#988F86;
	padding-top:2em;
	padding-bottom:2em;
	padding-left:2em;
	margin-left:15em;
	margin-right:15em;
	border:1px solid white;
}

#footer p
{
	font-size:.9em;
}

#footer a
{
	color:#988F86;
}

/*------------------------------------------
	News
/*------------------------------------------*/

#news
{
	padding:1.5em 2em;
	background:#ededed;
	border-left:1px solid white;
	border-right:1px solid white;
	clear:both;
}

#news h2
{
	font-size:1.6em;
	margin-top:0;
	color:#81ADB5;
}

#news h4
{
	padding-top:1em;
}

#news p
{
	font-size:1em;
	word-spacing:.1em;
	padding-left:5.6em;
	border-bottom:1px solid #ccc;
	padding-bottom:1em;
	min-height:7em;
}

#news p.small
{
	min-height: 0em;
	padding-left:0;
}

#news h3
{
	font-size:0.8em;
	margin-top:.2em;
	color:#988F86;
}

#news h3 a
{
	font-size:1.4em;
	padding-left:.7em;
}

#news h4
{
	font-weight:bold;
	margin-top:.2em;
	color:#988F86;
}

#news ul
{
	margin:0;
	margin-bottom:1em;
}

#news ul li
{
	list-style-type:none;	
}


#news img
{
	float:left;
}

/*------------------------------------------
	Extra content
/*------------------------------------------*/

#extracontent
{
	padding:1.5em 2em;
	background:#ededed;
	line-height:150%;
	border-left:1px solid white;
	border-right:1px solid white;
	clear:both;
}

#extracontent a:link
{
	color:#0097AC;
}

#extracontent a:visited
{
	color:black;
}

#extracontent h2
{
	font-size:1.6em;
	margin-top:0;
	color:#81ADB5;
}

#extracontent h2 a:link
{
	color:#81ADB5;
	padding-left:15px;
	text-decoration:none;
}

#extracontent h2 a:visited
{
	color:#81ADB5;
	padding-left:15px;
	text-decoration:none;
}

#extracontent p
{
	padding-bottom:0;
	font-size:1em;
	word-spacing:.1em;
	line-height:150%;
}

#extracontent ol
{
	margin-left:1.45em;
	padding:0;
}

#extracontent h4
{
	font-weight:bold;
	margin-top:.2em;
	color:black;
}

#extracontent ul
{
	padding:0;
	margin:0;
	margin-left:1.2em;
	margin-bottom:1em;
}


#rubrieken #extracontent ul li
{
	list-style-type:square;
	color:#0097AC;	
}

#extracontent p.date
{
	text-align:right;
	font-variant:small-caps;
	font-size:.8em;
	color:#988F86;
	letter-spacing:.1em;
}

/*------------------------------------------
	Welcome
/*------------------------------------------*/

#welcome
{
	padding:0 2em 1em 2em;
	margin-bottom:0;
	border:1px solid white;
	line-height:150%;
	font-family:arial, helvetica, sans-serif;
}

#welcome .artikelimage
{
	float:right;
	height:8em;
}

#welcome .date
{
	text-align:right;
	font-variant:small-caps;
	font-size:.8em;
	color:#988F86;
	letter-spacing:.1em;
}

#welcome h2
{
	margin:0;
	padding:0;
}

#welcome .leesmeer a
{
	clear:both;
	display:block;
	text-align:right;
}

#welcome .intro
{
	font-weight:bold;
}

#welcome .intro img
{
	float:right;
	margin-left:0.5em;
	margin-bottom:0.5em;
}

#welcome .preview img
{
	float:right;
	margin-left:2em;
	margin-bottom:1em;
}

#welcome div.sitemap ul
{
	font-size:1em;
}

/*------------------------------------------
	Digitaal loket
/*------------------------------------------*/

ul.alphabet
{
	padding:0;
	margin:0;
	list-style-type:none;
	height:2em;
}

ul.alphabet li
{
	float:left;
}

ul.alphabet li a
{
	font-weight:bold;
	font-size:1em;
	display:block;
	padding:0.41em;
	border:2px solid white;
}

ul.alphabet li a:hover
{
	border:2px solid #00B3CC;
}

#alphabet
{
	padding:1.5em 2em;
	background:#ededed;
	border-left:1px solid white;
	border-right:1px solid white;
}

#alphabet a
{
	color:#0097AC;
	text-decoration:none;
	padding:0.5em;
} 

#alphabet a:hover
{
	background:#0097AC;
	color:white;
} 


#alphabet a.selected
{
	background:#988F86;
	color:white;
}

fieldset.hide
{
	border:none;
	padding:0;
	margin:0;
}

fieldset.hide legend
{
	display:none;
}

#top10
{
	position:relative;
	padding:1em;
	float:left;
}

#top10 ol
{
	font-size:0.9em;
	margin-left:1.3em;
	padding:0;
	color:#0097AC;
}

#levensgebeurtenissen
{
	position:relative;
	width:24em;
	padding:1em;
	border:1px solid #dedede;
	background:white;
	float:right;
	margin-bottom:1em;
}

#levensgebeurtenissen form 
{
	padding:0;
	margin:0;
}

#rubrieken
{
	clear:both;
	padding:1em;
	border:1px solid #dedede;
	background:white;
}

#rubrieken h3
{
	font-size:1.4em;
	padding:0em 1em;
	font-weight:bold;
}

#rubrieken h3 a
{
	text-decoration:none;
	padding:0;
	font-variant:normal;
}

#rubrieken h3 a:link
{
	color:#ABC400;
}

#rubrieken h3 a:visited
{
	color:#ABC400;
}

#rubrieken ul
{
	padding:0;
	margin:1em;
}

#rubrieken ul li
{
	padding:0.2em;
}


/*------------------------------------------
	Formulieren
/*------------------------------------------*/

#genForm
{
	position:relative;
	margin:0;
	padding:1em;
	background:#EDEDED;
}

#genForm strong.verplicht
{
	font-size:1em;
	color:red;
}

#genForm label
{
	position:relative;
	float:left;
	clear:left;
	display:block;
	width:40%;
	margin:.3em;
}

#genForm input, #genForm textarea, #genForm select
{
	margin:.3em;
}

#genForm .formMedium
{
	width:200px;
}

#genForm br
{
	display:block;
	clear:both;
}

.check
{	
	vertical-align:middle;
}

#genForm label.radiolabel
{
	float:none;
	width:auto;
}

#genForm .submit
{
	border:1px solid black;
	background:#00B3CC;
	color:white;
}

#genForm hr
{
	display: block;
	float:left;
	width: 100%;
	border:0;
	height: 1px;
	color:#988F86;
	background-color:#988F86;
	margin-top: 1.5em;
	margin-bottom:0em;
}

a.help
{
	position: relative;
	z-index: 1;
	text-decoration:none;
}

a.help p
{
	margin: 0em;
}

a.help:hover
{
	z-index: 2;
	padding: 0;
}

a.help span.helptext
{
	position:absolute;
	left:-999em;
}

a.help:hover span.helptext
{
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid black;
	background-color: #ededed;
	padding: 0.5em;
	color:black;
	text-decoration: none;
}

a.help img
{
	border:0px;
}

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

.sitemap
{
	font-size:	1em;
	line-height:150%;
}
.sitemap ul
{

	padding:0;
	margin-left:0;
}

.sitemap ul li ul ul li
{
	margin-left:2em;
}

.sitemap li
{
	list-style-type:none;
}

.sitemap ul li ul li a
{
	font-size:1em;	
	font-weight:normal;
	border-bottom:none;
	margin-bottom:0em;

}

.sitemap ul li ul li ul li a
{
	font-weight:normal;
	font-style: italic;
}

.sitemap ul li a
{
	font-size:1.6em;
	margin-top:0;
	margin-bottom:.5em;
	display:block;
	text-decoration:none; 
	border-bottom:1px solid #ccc;
}

.sitemap ul li
{
	margin-bottom:1em;
}

.sitemap ul li ul li
{
	margin-bottom:0.2em;
}

/*------------------------------------------
	Evenementen
/*------------------------------------------*/

#agenda
{
	width:100%;
}

#agenda th
{
	text-align:left;
}

#agenda td
{
	cursor:pointer;
}

#agenda .act
{
	color:#0097AC;
}

/*------------------------------------------
	Regelingenbank
/*------------------------------------------*/

#regeling_title
{
	clear:			both;
	margin-bottom:	1.5em;
	padding:		1em;
	border:			1px solid #dedede;
	background:		white;
}

#regeling_content
{
	clear:			both;
	margin-top:		1.5em;
	padding:		1em;
	border:			1px solid #dedede;
	background:		white;
}

#regeling_title h2
{
	margin-bottom:	0;
}

#regeling_title p
{
	margin-top:		.5em;
	font-size:		.9em;
}

#reg_summary
{
	margin-bottom:	1em;
}

#reg_info table, #reg_info td, #reg_info th
{
	margin:			0;
	padding:	0;
	background:		white;
	font-size:		1em;
	border:			1px solid #dedede;
}

#reg_info th, #reg_info td
{
	vertical-align:	top;
	text-align:		left;
	padding:		.5em;
}

#reg_info h3
{
	margin:			0;
	padding:		0;
	color:			black;
	font-size:		1.2em;
	font-weight:	bold;
}

#reg_info table, #reg_info p
{
	margin:			0 0 1em 0;
}

a.open
{
	background:transparent url(../images/open.gif) no-repeat left center;
}

a.dicht
{
	background:transparent url(../images/dicht.gif) no-repeat left center;
}

div.visible
{
	display:		block;
}

div.invisible
{
	display:		none;
}

.readspeaker img
{
	border:		none;
	margin-top:	.5em;
}