/* BASIS ELEMENTEN */

body 
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	padding									: 0px;
	margin									: 0px;
	color									: #171717;
	text-align								: center;
	background								: url(../img/bg.jpg) center top repeat-y;
	background-color						: #e4e2e6;
}

a:link, a:visited, a:active
{
	color									: #961325;
	text-decoration							: underline;
}

a:hover
{
	text-decoration							: none;
}

h1
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 0.7em;
	font-weight								: bold;
	color									: #000;
	line-height								: 1em;
	padding									: 0px;
	margin									: 0px;
}

#inhoud h1
{
	background								: url(../img/titel_bg.jpg) left top no-repeat;
	background-color						: #f2e3e5;
	padding									: 7px 10px 7px 20px;
}

#inhoud h2
{
	font: normal 0.7em/1.2em Verdana, Arial, Helvetica, sans-serif;
}

p
{
	line-height								: 1.8em;
	font-size								: 0.7em;
}

table p	{
	font-size								: 9pt;
}

/* GESPECIFICEERDE ELEMENTEN */


#wrapper
{
	width									: 770px;
	text-align								: left;
	margin									: 0px auto 0px auto;
	background-color						: #FFF;
}


#header
{
	width									: 770px;
	height									: 110px;
	background-color						: #FFF;
	border-bottom							: 10px solid #FFF;
}

#menubar
{
	width									: 770px;
	height									: 41px;
	background-color						: #5c3a7c;
	padding									: 0;
	margin									: 0 0 10px 0;
}

#content_wrapper
{
	padding									: 0px;
	margin									: 0px;
	width									: 770px;
	padding									: 0px;
	margin									: 0px;
}

#sidebar
{
	padding									: 0px;
	margin									: 0px;
	float									: left;
	width									: 240px;
	background-color						: #FFF;
}

#content
{
	padding									: 0px;
	margin									: 0px;
	width									: 510px;
	float									: right;
	background-color						: #FFF;
}

#inhoud
{
	background-color						: #FFF;
	width									: 445px;
	padding									: 20px 20px 20px 25px;
	min-height							: 420px;
	_height									: 305px;
}

#footer
{
	width									: 485px;
}

#footer
{
	width									: 475px;
	background-color						: #961325;
	text-align								: center;
	color									: #FFF;
	padding									: 5px;
	margin-left								: 25px;
	font-size								: 0.7em;
}

/* ACHTERGRONDEN */

#logo
{
	width									: 134px;
	height									: 70px;
	float									: left;
	background-color						: #FFF;
	padding									: 35px 0px 0px 20px;
}

#logo h1
{
	padding									: 65px 0 0 0;
	width									: 114px;
	overflow								: hidden; /* verbergt tekst */
	height									: 0px !important; /* Internet explorer */
	height								/**/: 65px; /* Firefox */
	background								: url(../img/logo_ponprimair.jpg) no-repeat left top;
}


#header_mid
{
	width									: 376px;
	height									: 110px;
	float									: left;
	background								: url(../img/header_mid_bg.jpg) no-repeat left top;
	background-color						: #beb0cb;
}

#header_zoeken
{
	padding									: 70px 0px 0px 20px;
	margin									: 0px;
	width									: 220px;
	height									: 40px;
	float									: left;
	background								: url(../img/header_zoeken_bg.jpg) no-repeat left top;
	background-color						: #961325;
}

#header_zoeken p
{
	margin									: 0px;
	padding									: 0px;
	line-height								: 10px;
	font-size								: 11px;
}

#kalender_titel
{
	padding									: 3px 0px;
	background-color						: #961325;
	color									: #FFF;
	font-weight								: bold;
	text-align								: center;
	vertical-align							: middle;
	width									: 220px;
}

#kalender_inhoud
{
	background-color						: #f2e3e5;
	margin									: 0 0 10px 0;
	text-align								: center;
	font-size								: 0.7em;
	width									: 220px;
}

#kalender_inhoud table
{
	width									: 200px;
	text-align								: center;
	margin									: 0 auto;
}

#kalender_inhoud .title
{
	background-color						: #d2979f;
	font-size								: 0.85em;
	font-weight								: bold;
	color									: #171717;
	padding									: 2px 0px;
}

#kalender_inhoud .date
{
	background-color						: #FFF;
	color									: #171717;
	padding									: 2px 0px;
	font-size								: 0.85em;
	font-weight								: bold;
}

#kalender_inhoud .date_current
{
	background-color						: #b9606d;
	color									: #FFF;
	padding									: 2px 0px;
	font-size								: 0.85em;
	font-weight								: bold;
}

#impact
{
	clear									: both;
	padding									: 5px 0px;
	font-size								: 0.65em;
	text-align								: right;
	color									: #d5a0a8;
}

#impact a:link, #impact a:visited
{
	color									: #666;
}

#impact a:hover
{
	color									: #666;
}


/* TEKST EN OPMAAK */

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

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

#kalender_inhoud .date_current a:link, #kalender_inhoud .date_current a:visited
{
	color									: #FFF;
	text-decoration							: none;
}

#kalender_inhoud .date_current a:hover
{
	color									: #FFF;
	text-decoration							: underline;
}


#footer a:link, #footer a:visited
{
	color									: #FFF;
	text-decoration							: underline;
}

#footer a:hover
{
	color: #FFF;
	text-decoration							: none;
}	


#header_zoeken a:link, #header_zoeken a:visited, #header_zoeken a:active
{
	color									: #d18690;
	text-decoration							: underline;
	font-size								: 10px;
}

#header_zoeken a:hover
{
	color									: #FFF;
	text-decoration							: underline;
	font-size								: 10px;
}


/* FORM OBJECTEN */


/* FORM OBJECTEN */
#contactformulier ol 
{
	list-style								: none;
	margin									: 0;
	padding 								: 0;
}

#contactformulier fieldset 
{
	border									: 0;
	margin									: 0;
	padding									: 0;
}

#contactformulier label, #login_wachtwoord, #login_gebruikersnaam
{
	font-weight								: bold;
}

#contactformulier .button 
{
	margin									: 5px 0 0 0;
}

.input, input.veld, .veld input, .veldFout, #form_auth_gebruikersnaam, #form_wachtwoord
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1em;
	border									: 1px solid #660815;
	background-color						: #FFF;
	color									: #000;
	font-size								: 1em;
	padding									: 2px;
}

.veldFout {
	border									: 1px solid red;
}

.button
{
	border									: 1px solid #660815;
	background-color						: #961325;
	color									: #FFF;
	font-weight								: bold;
	font-size								: 1em;
	padding									: 1px;
	cursor									:pointer;
}

.tekstveld_zoeken
{
	border									: 1px solid #740e1c;
	background								: url(../img/tekstveld_bg.jpg) repeat-x left bottom;
	background-color						: #FFF;
	color									: #171717;
	font-size								: 10px;
	padding									: 3px 3px 3px 3px;
	margin									: 0px;
}

.dropdown
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	color									: #171717;
	font-size								: 0.7em;
	font-weight								: normal;
	margin									: 0;
	padding									: 0;
}

.form_button_zoeken
{
	border									: none;
	background								: url(../img/form_button_bg.jpg) no-repeat right top;
	background-color						: #c0717c;
	color									: #FFF;
	font-size								: 9px;
	font-weight								: bold;
	padding									: 3px 3px 2px 3px;
	cursor									: pointer;
}

#melding 
{
	color									: red;
	font-weight								: bold;
	margin									: 10px 0;
}

.list
{
	font-size: 0.7em;
}

/* MENU */


.menu
{
	background 								: url(../img/menu_bg.jpg) top left no-repeat;
	padding: 0;
	margin: 0;
}

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

.menu ul li
{
	height 									: 26px;

}

/* knoppen aan "active" status */ 

.menu ul li.home 					{	background: url('../img/bttn_home.jpg') top left no-repeat; 			}
.menu ul li.organisatie 			{	background: url('../img/bttn_organisatie.jpg') top left no-repeat;		}
.menu ul li.aktiviteiten			{	background: url('../img/bttn_aktiviteiten.jpg') top left no-repeat; 	}
.menu ul li.mobiliteit 				{	background: url('../img/bttn_mobiliteit.jpg') top left no-repeat; 		}
.menu ul li.arbo					{	background: url('../img/bttn_arbo.jpg') top left no-repeat;	  	}
.menu ul li.vervangingspool 		{	background: url('../img/bttn_vervangingspool.jpg') top left no-repeat;  }
.menu ul li.kennisdelen				{	background: url('../img/bttn_kennisdelen.jpg') top left no-repeat; 		}
.menu ul li.intranet				{	background: url('../img/bttn_intranet.jpg') top left no-repeat;  		}
.menu ul li.contact					{	background: url('../img/bttn_contact.jpg') top left no-repeat;  		}

.menu ul li a
{
	display 								: block;
	height 									: 26px;
	text-decoration 						: none;
	font-size								: 10px;
}

.menu ul li a:link, .menu ul li a:active, .menu ul li a:visited, .menu ul li:hover
{
	padding									: 0px;
	margin									: 0px;
	text-decoration 						: none;
}

.menu ul li a span
{
	visibility 								: hidden;
}


/* SUBMENU1 */

ul.submenu1
{
	width									: 220px;
	margin									: 0;
	padding									: 0;
	list-style-type							: none;
}

ul.submenu1 li
{
	margin-left								: 0;
	padding-left							: 0;
	list-style-type							: none;
}

ul.submenu1 a
{
	width									: 200px;
	padding									: 5px 10px;
	margin									: 0px;
	display									: block;
	font-size								: 0.7em;
	text-decoration							: none;

}

ul.submenu1 a:link, ul.submenu1 a:visited
{
	padding									: 5px 10px;
	margin									: 0px;
	border-bottom							: 1px solid #bc7780;
	background-color						: #d5a0a8;
	color									: #841726;
	text-decoration							: none;
}

ul.submenu1 a:hover
{
	padding									: 5px 10px;
	margin									: 0px;
	border-bottom							: 1px solid #5b0511;
	background-color						: #961325;
	color									: #FFF;
	text-decoration							: none;
}


ul.submenu1 #subactive
{
	padding									: 5px 10px;
	margin									: 0px;
	border-bottom							: 1px solid #5b0511;
	background-color						: #961325;
	color									: #FFF;
	font-weight								: bold;
}

/* SUBMENU1 laag 2 */

ul.submenu1 a.sub2:link, ul.submenu1 a.sub2:visited
{
	width									: 175px;
	padding									: 5px 10px 5px 35px;
	margin									: 0px;
	border-top								: 1px solid #FFF;
	border-bottom							: 1px solid #e0c1c5;
	background								: url(../img/sub2_0.jpg) left center no-repeat;
	background-color						: #FFF;
	color									: #841726;
	text-decoration							: none;
}

ul.submenu1 li a.sub2:hover
{
	width									: 175px;
	padding									: 5px 10px 5px 35px;
	margin-left								: 0px;
	border-top								: 1px solid #f6ecee;
	border-bottom							: 1px solid #e0c1c6;
	background								: url(../img/sub2_1.jpg) left center no-repeat;
	background-color						: #f6ecee;
	color									: #841726;
	text-decoration							: none;
}


ul.submenu1 li #sub2active
{
	width									: 175px;
	padding									: 5px 10px 5px 35px;
	margin									: 0px;
	border-top								: 1px solid #FFF;
	border-bottom							: 1px solid #e0c1c6;
	background								: url(../img/sub2_1.jpg) left center no-repeat;
	background-color						: #f6ecee;
	color									: #841726;
	font-weight								: bold;
}

/* SUBMENU1 laag 3 */

#submenu3
{
	 width									: 175px;
	 background-color						: #f6ecee;
	 border-bottom							: 1px solid #e0c1c6;
	 padding								: 0px 10px 10px 35px;
	 margin									: 0px;
}

#submenu3 ul
{	
	padding									: 0px;
	margin									: 0px;
	padding									: 0px;
}

#submenu3 li
{
	 margin									: 0px;
	 padding								: 0px;
	 list-style-type						: none;
}

#submenu3 li a
{
	font-size								: 0.7em;
	text-decoration							: underline;
	list-style-type							: none;
	line-height								: 1.4em;
}

#submenu3 li a:link, #submenu3 li a:visited
{
	margin									: 0px;
	padding									: 0px;
	color									: #841726;
}

#submenu3 li a:hover
{
	margin									: 0px;
	padding									: 0px;
	color									: #33050b;
}


/*-------------nieuwsbriefformulier------------------------*/
table.nieuwsbriefformulier
{

}

.veld_nieuwsbriefformulier
{
	border: 1px solid #aaaaaa;
	font-size: 10px;
	color:#000000;
	width:300px;
}

.veldFout_nieuwsbriefformulier
{
	border: 1px solid #ff2222;
	font-size: 10px;
	color:#000000;		
	background-color:#E5ECF5;		
	width:300px;
}

.multiple_nieuwsbriefformulier
{
	border: 1px solid #aaaaaa;
	font-size: 10px;
	background-color:#FFFFFF;		
	width:300px;
}

.multipleFout_nieuwsbriefformulier
{	
	font-size: 10px;
	background-color:#E5ECF5;		
	width:300px;
}

.button_nieuwsbriefformulier
{
	font-family		: Verdana;
	font-size		: 11px;
	font-weight     : bold;
	color			: #ffffff;
	border			: 1px solid #A9AA99;
	background-color: #A9AA99;
	cursor			: hand;
}

#melding_nieuwsbriefformulier
{
	color: #E70509;
	display:none;
	font-weight: bold;
}

#googlemaps	{
	border				: 0px;
	height				: 450px;
	width					: 100%;
	background		: #eee;
	text-align		: left;
	font-family		: Verdana;
	font-size		: 11px;
	color					: #171717;
}

#googlemaps a	{
	color				: #961325;
}

/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
.formmodule {
	font-family								: Verdana;
}

.formmodule h4	{
	margin				: 0 0 1em 0;
	font-size			: 1.2em;
	color				: #961325;
}

.formmodule ul.error {
	color				: #FF0000;
	list-style			: square;
}

.formmodule fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.formmodule input, .formmodule select, .formmodule textarea	{
	border				: solid 1px #999;
	font				: 1em Verdana;
} 

.formmodule .button	{
	background			: #961325;
	color				: white;
	font-weight			: bold;
	border				: #961325 solid 1px;
	cursor				: pointer;
} 

.formmodule .checkbox, .formmodule .radio	{
	border				: none;
} 

.formmodule .fout	{
	border				: solid 1px #F00;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #F00;
} 

.formmodule ul.formulier {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
	/*border				: solid 1px #CCC;*/
	border-top			: none;
}

.formmodule ul.formulier li	{
	padding				: 2px;
	/*border-top			: solid 1px #CCC;*/
	clear				: both;
} 

.formmodule li.even	{
	background			: #FFF;
} 

.formmodule li.oneven	{
	background			: #FFF;
} 

.formmodule label	{
	cursor				: pointer;
	margin-bottom		: 6px;
	font-weight			: bold;
} 

.formmodule label.fout	{
	border				: none;
	color				: #f00;
}

.formmodule li.melding	{
	color				: #f00;
}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	/*border-bottom		: solid 1px dotted;*/
} 

.veld input
{
	font-family								: Verdana;
	font-size								: 1em;
	border									: 1px solid #660815;
	background-color						: #FFF;
	color									: #000;
	font-size								: 1em;
	padding									: 2px;
}