/*


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

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

/* hide ie mac \*/
* html #main
{
	height:1%;
}
/*mac recover*/

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:#E96B10;
}

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:#81adb5;
}

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:#00acec;/*#588d1f;*/
	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
{
	text-decoration:none;
	color:white;
	display:block;
	padding:.4em 1.7em;
}

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

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

/*	header */

#header
{
	padding-top:2.0em;
	height:9.0em;
	background:white;
}

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

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

/*	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:#E96B10;
}


/*	FAQ	*/

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

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


/*	mainmenu */


#navigation
{
/*	font-family:Georgia, "times new roman", sans-serif;*/
	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:#00ACEC;
}

#navigation ul ul
{
	border:none;
}

#navigation ul ul li
{
	background:#0FBDFF;
}

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

#navigation ul ul ul li
{
	background:#42CBFF;
}

#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:#585858;
}

#navigation a.active
{
	background:white;
	color:#81adb5;
}

/*sidebar*/
#sidebar
{
	width:14.9em;
	position:absolute;
	top:11em;
	right:0em;
}

.search
{
	background:#fff12b;
}

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

#sidebar form fieldset legend
{
	display:none;
}

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

#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 #81adb5;
	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:1em;
}

.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;
}

.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;
}

.banners
{
	background:#fff12b;
}

.banners ul
{
	list-style-type:none;
	margin:.5em 0em;
	padding:0;
	margin-left:.8em;
}

.banners img
{
	border: none;
}

/*
	palet:
	
	groenblauw:	#81adb5;
	grijs:		#988F86;
	groen:		#81adb5;
	zand:		#DBCA67;
	geel:		#E9DC00;
	oranje:		#E96B10;
*/

#sidebar h4
{
	color:#333;
}

.poll
{
	background:#b9d300;
}

.adres
{
	background:#fff12b;
}

#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;
}

/*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:#9D9D9D;
}

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

* html #news p
{
	height:7em;
}

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

* html #news p.small
{
	height:0em;
}

#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;
}

/*------------------------------------------*/

#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;
}

/*------------------------------------------*/

#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:#81adb5;
}

#extracontent a:visited
{
	color:black;
}

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

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

#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:#81adb5;	
}

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

/*------------------------------------------*/

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

#welcome_text
{
	z-index:999;
	width:60%;
}

#news
{
	position:relative;
	z-index:999;
}

#boertje
{
	z-index:1;
	position:absolute;
	bottom:0px;
	right:0px;
	width:281px;
	height:422px;
	background:transparent url(../images/boertje.png);
}

#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;
}

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

fieldset.hide legend
{

	display:none;
}

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

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

#levensgebeurtenissen
{
	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;
}


/*forms*/

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

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

#genForm label
{
	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;
}

#agenda
{
	width:100%;
}

#agenda th
{
	text-align:left;
}

#agenda td
{
	cursor:pointer;
}

#agenda .act
{
	color:#81adb5;
}

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

#alphabet a
{
	color:#81adb5;
	text-decoration:none;
	padding:0.5em;
} 

#alphabet a:hover
{
	background:#81adb5;
	color:white;
} 


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