
/* BASIS ELEMENTEN
-------------------------------------------------------------------- */

html 
{ 
	filter									: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body 
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 0.70em;
	line-height								: 1.6em;
	padding									: 0px;
	margin									: 0px;
	color									: #666;
	text-align								: center;
	background								: url(../img/bg.jpg) left top repeat-x;
	background-color						: #F0F0F0;
}

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

a:hover
{
	color									: #009DC6;
	text-decoration							: underline;
}

h1
{
	font-family								: Arial, Helvetica, sans-serif;
	font-size								: 1.2em;
	font-weight								: bold;
	color									: #0089AD;
	line-height								: 1em;
	padding									: 0 0 13px 0;
	margin									: 0px;
	border-bottom							: 1px solid #E9E9E9;
}

/* GESPECIFICEERDE ELEMENTEN
-------------------------------------------------------------------- */

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

#header
{
	width									: 770px;
	height									: 96px;
	margin									: 0;
	padding									: 0;
	text-align								: left;
	background								: url(../img/header_bg.jpg) no-repeat left top;
	background-color						: #F97325;
}

#logo
{
	padding									: 66px 0 0 110px;
}

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

#menu
{
	height									: 26px;
	width									: 770px;
	margin									: 0;
	padding									: 0;
	background								: url(../img/menu_bg.jpg) no-repeat left top;
	background-color						: #188BBB;
	text-align								: left;
}

#content_wrapper
{
	position								: absolute;
	width									: 770px;
	padding									: 0px;
	margin									: 0px 0px 0px 0px;
	background-color						: #FFF;
}

#sidebar
{
	float									: left;
	width									: 165px;
	margin									: 0;
	padding									: 0;
	background								: url(../img/sidebar_bg.jpg) no-repeat left top;
	background-color						: #FFF;
}

#content_bg
{
	padding									: 15px 15px 40px 15px;
	margin									: 0px 0px 0px 165px;
	background								: url(../img/content_bg.jpg) repeat-x left top;
}

#content
{
	padding									: 25px 15px 5px 15px;
	margin									: 0px;
	background-color						: #FFF;
	border									: 1px solid #C2C2C2;
	min-height: 205px;
}

/*\*/
* html #content {
	height									: 205px; /*  minimale hoogte bij weinig tekst voor IE */
}
/**/

#footer
{
	clear									: both;
	width									: 770px;
	margin									: 0;
	padding									: 0;
	background-color						: #009DC6;
	text-align								: left;
}

/* CONTENT
-------------------------------------------------------------------- */

.footer_content
{
	padding									: 5px 10px;
	color									: #FFF;
	text-align								: right;
}

.footer_content p
{
	padding									: 0;
	margin									: 0;
}

.footer_content a:link, .footer_content a:visited, .footer_content a:active
{
	color									: #FFF;
	text-decoration							: underline;
}

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


/* TEKSTEN
-------------------------------------------------------------------- */

.tekst_bold
{
	font-weight								: bold;
}

.am-impact
{
	float									: left;
	margin									: 0;
	padding									: 5px 10px;
}

.am-impact a:link, .am-impact a:visited, .am-impact a:active
{
	color									: #FFF;
	text-decoration							: underline;
}

.am-impact a:hover
{
	color									: #FFF;
	text-decoration							: none;
}

/* FORM OBJECTEN
-------------------------------------------------------------------- */

.tekstveld, .input
{
	font-family								: Arial, Helvetica, sans-serif;
	border									: 1px solid #7C95BE;
	padding									: 2px;
	margin									: 1px;
	font-size								: 11px;
	color									: #333;	
}

.button
{
	border									: 1px solid #A05F03;
	color									: #FFF;
	background-color						: #FD8038;
	font-weight								: bold;
	font-size								: 11px;
	padding									: 1px 0px;
	margin									: 0px;
	cursor									: pointer;
}


/* NAVIGATIE
-------------------------------------------------------------------- */

#navcontainer
{
	position								: relative;
	padding									: 0 0 0 165px;
	margin									: 0;
}

#navcontainer ul
{
	padding									: 0;
	margin									: 0;
	color									: #FFF;
	float									: left;
	width									: 100%;
	font-weight								: bold;
}

#navcontainer ul li 
{ 
	display									: inline; 
}

#navcontainer ul li a
{
	font-family								: arial, helvetica, sans-serif;
	color									: #FFF;
	float									: left;
	padding									: 0.45em 1em;
	line-height								: 1.3em;
	text-decoration							: none;
	background								: url(../img/menu_bttn_bg.jpg) repeat-x left top;
	border-left								: 1px solid #6CBCD9;
	border-right							: 1px solid #00679C;
	border-top								: 1px solid #0084AC;
	border-bottom							: 1px solid #0175B0;
}

#navcontainer ul li a:hover
{
	background								: url(../img/menu_bttn_bg_over.jpg) repeat-x left top;
	border-left								: 1px solid #FFA875;
	border-right							: 1px solid #A05F03;
	border-top								: 1px solid #C47403;
	border-bottom							: 1px solid #C47403;
}


#navcontainer a#active
{
	background								: url(../img/menu_bttn_bg_over.jpg) repeat-x left top;
	border-left								: 1px solid #FFA875;
	border-right							: 1px solid #A05F03;
	border-top								: 1px solid #C47403;
	border-bottom							: 1px solid #C47403;
}


/* SUBMENU
-------------------------------------------------------------------- */

#submenu
{
	margin									: 20px 0 0 0;
	padding									: 0;
	min-height								: 201px; /*  minimale hoogte bij weinig tekst voor FIREFOX */
	height									: 201px;
}

/*\*/
* html #submenu {
	height									: 201px; /*  minimale hoogte bij weinig tekst voor IE */
}
/**/

#submenu ul
{
	margin									: 0;
	padding									: 0;
	display: block;
}

#submenu ul li
{
	list-style-type							: none;
	margin									: 0;
	padding									: 0;
	width									: 134px;
}

#submenu ul li a
{
	display									: block;
	width									: 100%;
	font-family								: arial, helvetica, sans-serif;
	color									: /* #FFF; */ #146;
	margin									: 0;
	padding									: 0.3em 0.2em 0.3em 2.6em;
	line-height								: 1.4em;
}

#submenu ul li a:link, #submenu ul li a:visited
{
	background								: url(../img/submenu_bttn_0.gif) no-repeat left top;
	font-weight								: normal;
	font-size								: 11px;
	text-decoration							: underline;
	border-top								: 1px solid #AFDBE7;
	border-bottom							: 1px solid #64B3C8;
}

#submenu ul li a:hover
{
	background								: url(../img/submenu_bttn_1.jpg) no-repeat left top;
	background-color						: #F97325;
	font-weight								: bold;
	font-size								: 11px;
	text-decoration							: none;
	border-top								: 1px solid #C55A1C;
	border-bottom							: 1px solid #F97325;
}

#submenu a#subactive
{
	background								: url(../img/submenu_bttn_1.jpg) no-repeat left top;
	background-color						: #F97325;
	font-weight								: bold;
	font-size								: 11px;
	text-decoration							: none;
	border-top								: 1px solid #C55A1C;
	border-bottom							: 1px solid #F97325;
}
