body	{
	font				: 0.75em Tahoma, Arial, sans-serif;
	background			: url(../img/body-bg.png) repeat-x left top;
}

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

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* background					 	*/
/* --------------------------------	*/
#background	{
	background			: url(../img/background/bg.jpg) repeat-x center top;
}

.pagina-gemeenten 				#background 	{ background: url(../img/background/gemeenten.jpg) repeat-x center top; }
.pagina-aanvalsplan-aaa		 	#background		{ background: url(../img/background/aanvalsplan-aaa.jpg) repeat-x center top; }
.pagina-taken				 	#background		{ background: url(../img/background/gemeenten.jpg) repeat-x center top; }
.pagina-achterhoeks-archief	 	#background		{ background: url(../img/background/achterhoeks-archief.jpg) repeat-x center top; }
.pagina-bestuur-en-organisatie 	#background		{ background: url(../img/background/bestuur-en-organisatie.jpg) repeat-x center top; }
.pagina-intranet			 	#background		{ background: url(../img/background/intranet.jpg) repeat-x center top; }

/* --------------------------------	*/
/* wrappers						 	*/
/* --------------------------------	*/
#wrapper	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	background			: url(../img/wrapper-bg.png) no-repeat center bottom;
}

#wrapper2	{
	padding				: 23px 0 0 0;
	background			: url(../img/wrapper2-bg.png) no-repeat center top;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 980px;
	padding				: 0 7px 6px 7px;
	background			: url(../img/container-bg.png) repeat-y left top;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 299px;
	background			: url(../img/header/bg.jpg) no-repeat left top;
	z-index				: 450;
}

.pagina-gemeenten 				#header	{ background: url(../img/header/gemeenten.jpg) no-repeat left top; }
.pagina-aanvalsplan-aaa		 	#header	{ background: url(../img/header/aanvalsplan-aaa.jpg) no-repeat left top; }
.pagina-taken					#header	{ background: url(../img/header/gemeenten.jpg) no-repeat left top; }
.pagina-achterhoeks-archief 	#header	{ background: url(../img/header/achterhoeks-archief.jpg) no-repeat left top; }
.pagina-bestuur-en-organisatie 	#header	{ background: url(../img/header/bestuur-en-organisatie.jpg) no-repeat left top; }
.pagina-intranet		 		#header	{ background: url(../img/header/intranet.jpg) no-repeat left top; }

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 5px;
	z-index				: 30;
}

/* Topmenu */
#topmenu {
	position			: absolute;
	right				: 11px;
	top					: 9px;
	z-index				: 60;
}

#topmenu li {
	float				: left;
	position			: relative;
	z-index				: 10;
}

#topmenu li a {
	float				: left;
	margin				: 4px 0 0 0;
	padding				: 0 9px;
	border-left			: 1px solid #000;
	color				: #000;
	text-decoration		: none;
}

#topmenu li.actief a {
	font-weight			: bold;
	color				: #BC293B;
}

#topmenu li:first-child a,
#topmenu li a.intranet {
	border-left			: none;
}

#topmenu li a:hover {
	text-decoration		: underline;
}

#topmenu li a.intranet {
	width				: 100px;
	height				: 20px;
	margin				: 0 0 0 5px;
	padding				: 0;
	text-indent			: -900em;
	background			: url(../img/button-intranet.png) no-repeat left top;
}

#topmenu li.actief a.intranet {
	background			: url(../img/button-intranet.png) no-repeat left -20px;
}

#topmenu li a.intranet:hover,
#topmenu li.actief a.intranet:hover {
	background			: url(../img/button-intranet.png) no-repeat left bottom;
}

#topmenu li.nieuwsbrief {
	z-index				: 20;
}

#topmenu li.nieuwsbrief a {
	padding				: 0 20px 0 9px;
	background			: url(../img/nieuwsbrief-pijl.png) no-repeat 78px 4px;
}

#topmenu li.nieuwsbrief a.actief {
	color				: #FFF;
	background			: #006B54 url(../img/nieuwsbrief-pijl-actief.png) no-repeat 78px 4px;	
}

/* Nieuwsbrief formulier */
#topmenu #nieuwsbriefformulier {
	position			: absolute;
	left				: -900em;
	top					: 18px;
	z-index				: 50;
	width				: 290px;
	padding				: 35px 20px 20px 20px;
	border				: 1px solid #FFF;
	border-width		: 0 1px 1px 1px;
	background			: #006B54;
}

#topmenu #nieuwsbriefformulier .sluit {
	display				: block;
	position			: absolute;
	right				: 10px;
	top					: 10px;
	width				: 16px;
	height				: 16px;
	text-indent			: -900em;
	background			: url(../img/nieuwsbrief-sluit.png) no-repeat 1px 1px;
	cursor				: pointer;
}

#topmenu #nieuwsbriefformulier legend {
	display				: none;
}

#topmenu .aanmelden_nieuwsbrief li {
	clear				: both;
	width				: 290px;
	color				: #FFF;	
}

#topmenu #nieuwsbriefformulier li label {
	float				: left;
	width				: 80px;
	padding				: 5px 0 2px 0;
	color				: #FFF;
}

#topmenu #nieuwsbriefformulier li.aan_afmelden {
	margin				: 10px 0;	
}

#topmenu #nieuwsbriefformulier li.aan_afmelden,
#topmenu #nieuwsbriefformulier li.geslacht {
	padding				: 0 0 0 80px;
}

#topmenu #nieuwsbriefformulier li.aan_afmelden label,
#topmenu #nieuwsbriefformulier li.geslacht label {
	display				: inline;	
	float				: none;
}

#topmenu #nieuwsbriefformulier input {
	width				: 200px;
	border				: 2px solid #FFF;
}

#topmenu #nieuwsbriefformulier li.nieuws_groepen {
	margin				: 0 0 10px 0;	
}

#topmenu #nieuwsbriefformulier li.nieuws_groepen span {
	float				: left;	
	width				: 80px;
}

#topmenu #nieuwsbriefformulier li.nieuws_groepen label {
	width				: 210px;
	float				: right;
	clear				: right;
	padding				: 0;
}

#topmenu #nieuwsbriefformulier li.nieuws_groepen input {
	border				: none;
}

#topmenu #nieuwsbriefformulier  li.nieuws_groepen input {
	width				: 13px !important;	
}

#topmenu #nieuwsbriefformulier .radio {
	width				: 20px;
	margin				: 0;
	border				: none;
}

#topmenu #nieuwsbriefformulier input.fout {
	border				: 2px solid #C00;
	background			: #FDEFF0;
}

#topmenu #nieuwsbriefformulier div.fout {
	border				: 2px solid #C00;
	padding				: 0;
}

#topmenu #nieuwsbriefformulier #extra_variabelen li {
	margin				: 2px 0;
}

#topmenu #nieuwsbriefformulier .buttons {
	clear				: both;
	padding				: 0 0 0 80px;
}

#topmenu #nieuwsbriefformulier .button {
	width				: auto;
	margin				: 15px 0 0 0;
	padding				: 2px 10px;
	border				: 1px solid #FFF;
	color				: #FFF;
	background			: #BC293A;
	cursor				: pointer;
}

#topmenu #nieuwsbriefformulier #nb-melding {
	display				: none;
	clear				: both;
	padding				: 10px 0 0 0;
	color				: #FFF;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	left				: 12px;
	top					: 240px;
	z-index				: 50;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li a {
	float				: left;
	height				: 59px;
	text-indent			: -900em;
	background			: url(../img/menu.png) no-repeat;
}

#menu li a.gemeenten 	{ width: 111px; background-position: left top; }
#menu li a.aanvalsplan 	{ width: 148px; background-position: -111px top; }
#menu li a.taken 		{ width: 76px; 	background-position: -259px top; }
#menu li a.archief 		{ width: 163px; background-position: -335px top; }
#menu li a.bestuur 		{ width: 181px; background-position: -498px top; }

#menu li a.gemeenten:hover,
#menu li.actief a.gemeenten		{ background-position: left bottom; }
#menu li a.aanvalsplan:hover,
#menu li.actief a.aanvalsplan 	{ background-position: -111px bottom; }
#menu li a.taken:hover,
#menu li.actief a.taken 		{ background-position: -259px bottom; }
#menu li a.archief:hover,
#menu li.actief a.archief 		{ background-position: -335px bottom; }
#menu li a.bestuur:hover,
#menu li.actief a.bestuur 		{ background-position: -498px bottom; }

/* Intranet */
#menu li a.poinfo 		{ width: 97px; 	background-position: -679px top; }
#menu li a.orzaken 		{ width: 99px; 	background-position: -776px top; }
#menu li a.gezellen		{ width: 133px; background-position: -875px top; }

#menu li a.poinfo:hover,
#menu li.actief a.poinfo		{ background-position: -679px bottom; }
#menu li a.orzaken:hover,
#menu li.actief a.orzaken		{ background-position: -776px bottom; }
#menu li a.gezellen:hover,
#menu li.actief a.gezellen		{ background-position: -875px bottom; }


/* --------------------------------	*/
/* zoekform						 	*/
/* --------------------------------	*/
#zoekform {
	position			: absolute;
	left				: 795px;
	top					: 257px;
}

#zoekform legend {
	display				: none;
}

#zoekform label {
	display				: none;	
}

#zoekform input {
	width				: 125px;
	height				: 15px;
	padding				: 4px 2px 2px 4px;
	border				: 1px solid #c3bfbf;	
	font-size			: 0.9em;
}

#zoekform input.defaultvalue {
	color				: #a6a5a5;	
}

#zoekform input.button {
	width				: 31px;
	height				: 26px;
	padding				: 0;
	overflow			: hidden;
	border				: 0;
	text-indent			: -900em;
	line-height			: 90em;
	background			: url(../img/button-zoeken.png) no-repeat left top;
	cursor				: pointer;
}

#zoekform #zoeken-melding {
	display				: none;
	position			: absolute;
	background			: #006B54;
	border				: solid 1px #fff;
	width				: 160px;
	z-index				: 3534;
	font-size			: 0.9em;
	color				: #fff;
	padding				: 4px;
}

#zoekform .zoeken-melding.actief {
	display				: block;	
}


/* --------------------------------	*/
/* main + wrapper				 	*/
/* --------------------------------	*/
#mainwrapper {
	position			: relative;
	width				: 960px;
	padding				: 4px 4px 0 4px;
	margin				: -4px 6px 0 6px;
	background			: url(../img/mainwrapper-bg.png) no-repeat left top;
	z-index				: 1;
}

#main {
	overflow			: hidden;
	padding				: 10px 0 10px 10px;
	background			: #FFF url(../img/main-bg.png) no-repeat left bottom;	
}


/* --------------------------------	*/
/* maincontent					 	*/
/* --------------------------------	*/
#maincontent	{
	float				: left;
	width				: 725px;
	overflow			: hidden;
	padding				: 0 15px 0 0;
	border-right		: 1px dashed #404040;
}


/* --------------------------------	*/
/* breadcrumbs					 	*/
/* --------------------------------	*/
#breadcrumbs {
	padding				: 5px 0 0 10px;
	color				: #006b54;
}

#breadcrumbs ol,
#breadcrumbs li {
	display				: inline;
}

#breadcrumbs a {
	color				: #006b54;
}

#breadcrumbs a:hover {
	color				: #BC293B;
}


/* --------------------------------	*/
/* Submenu						 	*/
/* --------------------------------	*/
#submenu {
	float				: left;	
	width				: 190px;
	overflow			: hidden;
	margin				: 20px 40px 0 0;
	border-top			: 1px dotted #404040;
}

#submenu li {
	float				: left;	
	width				: 190px;
	overflow			: hidden;
}

#submenu a {
	float				: left;
	width				: 177px;
	padding				: 6px 4px 6px 9px;
	border-bottom		: 1px dotted #404040;
	text-decoration		: none;
	color				: #006b54;	
}

#submenu a:hover {
	text-decoration		: underline;
	color				: #BC293B;
}

/* Actief + subsub */
#submenu li.actief a {
	border-bottom		: 1px dotted #FFF;
	color				: #FFF;
	background			: #006b54;
}

#submenu li.actief a:hover {
	color				: #FFF;
}

#submenu li.actief li a {
	width				: 166px;
	padding				: 6px 4px 6px 20px;
	background			: #499585;
}

#submenu li.actief li.actief a {
	font-weight			: bold;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: right;
	width				: 495px;
	min-height			: 370px;
	padding				: 20px 0 0 0;
	line-height			: 1.6em;
}

#content h1	{
	margin				: 0 0 15px 0;
	font-size			: 1.8em;
	line-height			: normal;
	color				: #bb2a39;
}

#content a 			{ color: #006b54; }
#content a:hover 	{ color: #BC293B; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #000; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: 1px solid #CCC;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input:hover, 
#content textarea:hover	{
	border				: 1px solid #499585;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #006B54;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #006B54;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

/* Pagina navigatie */
#content .paginanavigatie	{
	padding				: 10px 0;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 1px 0 0;
	border				: none;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 1px 0 0;
	padding				: 2px 5px;
	border				: 1px solid #BC293B;
	font-weight			: bold;
	color				: #FFF;
	background			: #BC293B;
}

#content .paginanavigatie ul li a	{
	padding				: 2px 5px;
	border				: 1px solid #CCC;
	text-decoration		: none;
	color				: #999;
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	border				: 1px solid #007F61;
	color				: #FFF;
	background			: #007F61;
}


/* --------------------------------	*/
/* Nieuws/zoekoverzicht			 	*/
/* --------------------------------	*/
#overzicht li {
	position			: relative;
	border-bottom		: 1px dotted #404040;
}

#overzicht li div.wrap {
	position			: relative;
	padding				: 10px 10px 10px 20px;
}

#overzicht h2 {
	line-height			: 1.5em;
	font-size			: 1.4em;
	color				: #007f61;	
}

#overzicht .datum {
	color				: #a6a5a5;	
}

#overzicht li a {
	font-weight			: bold;
	color				: #bc293a;	
}

/* Hover */
#overzicht li.hover div.wrap {
	padding				: 10px;
	border-left			: 10px solid #007F61;
}


/* --------------------------------	*/
/* inloggen						 	*/
/* --------------------------------	*/
#inloggen {
	overflow			: hidden;
	padding				: 20px 46px 20px 230px;
	border				: 1px solid #CCC;
	background			: url(../img/inloggen-bg.jpg) no-repeat left top;
	min-height			: 250px;
}

.iwes #inloggen ul {
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#inloggen li {
	clear				: both;
	margin				: 0 0 10px 0;
}

#inloggen #login_table {
	width				: 250px !important;	
}

#inloggen label {
	display				: block;
}

#inloggen #onthouden_checkbox input {
	width				: 15px !important;
	border				: none !important;
}

#inloggen input {
	width				: 185px;
	margin				: 0 0 0 20px;
	padding				: 5px;
}

#inloggen label input {
	width				: 15px;
}

#inloggen input.button {
	float				: right;
	width				: auto;
	margin				: 10px 0 0 20px;
}

#login-melding {
	display				: none;
	position			: absolute;
	background			: #006B54;
	border				: solid 1px #fff;
	width				: 487px;
	z-index				: 3534;
	font-size			: 0.9em;
	color				: #fff;
	padding				: 4px;
}


/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap {
	height				: auto;
	margin				: 0 0 20px 0;
}

#sitemap ul	{
	margin				: 0;
	padding				: 0;
	list-style			: square;
	list-style-position	: inside;
}

#sitemap ul li	{
	font-weight			: bold;
}

#sitemap ul li ul li	{
	font-weight			: normal;
}

#sitemap ul.laag0, #sitemap ul li ul	{
	margin-left			: 20px;
}

#sitemap ul.laag1	{
	margin-left			: 40px;
}

#sitemap ul.laag2	{
	margin-left			: 60px;
}

#sitemap ul.laag3	{
	margin-left			: 80px;
}

#sitemap ul.laag4	{
	margin-left			: 100px;
}


/* --------------------------------	*/
/* videos						 	*/
/* --------------------------------	*/
#videos {
	overflow			: hidden;
}

#videos #player {
	float				: left;	
}

#videos .video {
	float				: left;
	width				: 445px;
}

#videos .omschrijving {
	padding				: 0 10px 5px 10px;
	color				: #000;
	width				: 430px;
	float				: left;
}

#videos .lijst {
	float				: right;
	width				: 250px;
}

#videos .lijst .luisteren:hover {
	background-position	: left bottom;
}

#videos .lijst h3 {
	margin				: 0;
	padding				: 3px 10px;
	border-bottom		: 1px solid #fff;
	background			: #006B54;
	color				: #fff;
}

#videos .lijst li {
	float				: left;
	width				: 250px;
	overflow			: hidden
}

#videos .lijst li a {
	float				: left;
	width				: 240px;
	padding				: 3px 10px;
	border				: 1px solid #fff;
	border-width		: 0 1px 1px 0;
	text-decoration		: none;
	color				: #fff;
	background			: #499585;
}

#videos .lijst li a:hover {
	border				: 1px solid #499585;
	border-width		: 0 1px 1px 0;
	color				: #006B54;
	background			: #FFF;
}

#videos .lijst li.actief a,
#videos .lijst li.actief a:hover {
	border				: 1px solid #fff;
	border-width		: 0 1px 1px 0;
	color				: #FFF;
	background			: #006B54;
}



/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 480px;
	height				: 420px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* sidebar						 	*/
/* --------------------------------	*/
#sidebar {
	float				: right;
	width				: 209px;
	line-height			: 1.4em;
}

#sidebar h2	{
	margin				: 10px 0 5px 12px;
	font-size			: 1.8em;
	line-height			: normal;
	color				: #bb2a39;
}

#sidebar h3 {
	color				: #007f61;	
}

#sidebar .datum {
	color				: #a6a5a5;	
}

#sidebar a {
	font-weight			: bold;
	color				: #bc293a;	
}

#sidebar .laatste-nieuws {
	padding				: 0 0 10px 0;	
}

#sidebar .item {
	padding				: 5px 12px;	
}

#sidebar .hover {
	background			: #FDEFF0;	
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	margin				: 10px 10px 0 10px;
	padding				: 10px 0;
	text-align			: center;
	color				: #FFF;
	background			: #bc293a;
}

#footer address	{
	display				: inline;
	font-style			: normal;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 974px;
	margin				: 0 auto;
	padding				: 15px 10px;
	font-size			: 0.9em;
	background			: url(../img/bottom-bg.png) no-repeat center top;
}

#amimpact a {
	text-decoration		: none;
	color				: #000;
}

#amimpact a:hover {
	text-decoration		: underline;
}

#amimpact a.actief,
#amimpact li.actief {
	font-weight			: bold;
}

#amimpact ul {
	float				: left;
}

#amimpact ul li {
	display				: inline;
}

#amimpact ul li a {
	border-left			: 1px solid #000;
}

#amimpact ul li:first-child a {
	border-left			: none;
}

#amimpact ul li a {
	padding				: 0 2px 0 6px;
}

#amimpact .webdesign {
	float				: right;
}