/* ALGEMEEN
========================================================================================================*/ 
html, body {
	min-width: 100%;
	width: auto !important;
	width: 100%;
	background-color: #ebebeb;
	background-image:url('../images/bck.jpg');
	background-repeat:no-repeat;
	padding: 0;
	margin: 0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #0449a9;
	text-decoration: none;
}

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: lighter;
	color: #1E1E1E;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: lighter;
	color: #1E1E1E;
}

img {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	float: left;
	margin-right: 0px;
}	

button 
{
	color: #0449a9;
}

inputField 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: lighter;
	color: #0449a9;
}

#wrapper { 
	padding: 0px;
	margin: 0 auto;
	width: 950px;
}

form 
{
	padding: 0px;
	margin: 0 auto;
	width: 950px;
}
	
form form 
{
	margin:0;
	width: auto;
}

#container {
	width: 950px;
	position: relative;
	background-color:#FFF;
	margin-bottom: 15px;
}

#header {
	width: 950px;
	height: 85px;
}

#headerbanner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	color:#ffffff;
	display: block;
	width: 10px;
	height: 10px;
	font-weight: bold;
	position: absolute;
	top: 87px;
	right: 245px;
	text-align: right;
	float: right;
}

#loginscreen {
	width: 950px;
	height: 550px;
}

#loginscreenbox {
	padding-top: 160px;
}

.hlink a,
.hlink a:link,
.hlink a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:bold
	
}

#footer {
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	height: 80px;
	width: 950px;
	background-image: url(../images/footer.jpg);
	color: #7BD3F7;
}

#footercontentpage {
	height: 35px;
	width: 950px;
	margin-top: 40px;
	position: absolute;
}

a.bannerimage
{
	width : 230px;
}

.bannerimage
{
	width : 230px;
	float: left;
}

#footer a,
#footer a:link,
#footer a:visited
{
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: 700;
	color: #3366FF;
	float: none;
}

#footer a:hover,
#footer a:active
{
	text-decoration: none;
	color: #7B6A4F;
}

#footercontentpage #links {
	position: relative;
	float: right;
	width: 435px;
	padding: 40px 0px 0 0px;
	color: #064AAA;
	text-align: right;
	margin-top: 20px;
	height: 33px;
}

#footercontentpage #rechts {
	position: relative;
	float: right;
	width: 475px;
	color: #064AAA;
	text-align: right;
	height: 30px;
	top: 70px;
}

#footer #links,
#footercontentpage #links{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	position: relative;
	float: left;
	width: 475px;
	color: #7BD3F7;
	text-align: left;
	height: 30px;
}

#footer #lefttabel,
#footercontentpage #lefttabel{
	position: relative;
	float: left;
	width: 490px;
	color: #7BD3F7;
	font-family: Arial;
	padding-left: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: normal;
	left: 0px;
	padding-right: 0px;
	padding-top: 45px;
	padding-bottom: 10px;
	height: 0px;
	top: 30px;
}

.clear { clear:both}

#topfoto{
	width: 950px;
	height: 120px;
	float: left;
}

#admincontent{
	width: 950px;
	height: 550px;
	float: left;
}

#bannerright{
	width: 240px;
	height: 450px;
	float: right;
	padding-top: 20px;
}

#phlogo{
	width: 140px;
	height: 210px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#doelphlogo{
	width: 140px;
	height: 450px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#contactschermphlogo{
	width: 140px;
	height: 470px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#bevestigingsschermphlogo{
	width: 140px;
	height: 470px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#aanvraagschermphlogo{
	width: 140px;
	height: 470px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#aanvraagschermtekst{
	font-family: Arial, Helvetica, sans-serif;
	font: 12px Arial, Helvetica, sans-serif;
	width: 550px;
	height: 470px;
	float: right;
	padding-right: 10px;
	color: #000000;
	padding-top: 10px;
}
#aanvraagschermtekst a,
#aanvraagschermtekst a:link,
#aanvraagschermtekst a:visited
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #7BD3F7;
}

#aanvraagscheminvoer
{
	width: 550px;
	float: right;
}	

#gemeentenschermtekst{
	width: 550px;
	height: 440px;
	float: right;
	padding-right: 10px;
}

#afdrukrunscherm{
	width: 950px;
	height: 440px;
	float: right;
	text-align: center;
	padding-top: 15px;
}

#gemeentenschermtekst a,
#gemeentenschermtekst a:link,
#gemeentenschermtekst a:visited
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #7BD3F7;
}

#bevestigingsschermtekst{
	width: 700px;
	height: 250px;
	float: right;
	padding-top: 20px;
}

#bevestigingsschermprint{
	width: 550px;
	height: 30px;
	float: right;
	text-align: center;
}

#contactschermtekst
{
	width: 690px;
	float: right;
}

#zakkenserviceschermtekst{
	width: 690px;
	height: 250px;
	float: right;
}

#bezorgserviceschermtekst{
	width: 690px;
	height: 450px;
}

#zakkenservicephlogo{
	width: 140px;
	height: 420px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

/* FUNCNAVIGATIE */
#funcnav {
	width: 950px;
	height: 42px;
}

#funcspacer {
	width: 300px;
	height: 42px;
	float: right;
	text-align: left;
}

#funcspaceradmin {
	width: 470px;
	height: 42px;
	float: right;
	text-align: left;
}

#funcnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	height: 33px;
}
#funcnav li {
	float: left;
	margin: 0 5px 0 0;
	color: #7b6a4f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 2em;
	line-height: 2em;
	border-left :solid 1px #999;
	padding-left: 5px;
}

#funcnav li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#064aaa;
height: 2em;
line-height: 2em;
float: left;
display: block;
text-decoration: none;
text-align:center;
}

#funcnav li a:visited {
	color:#064aaa;
	text-decoration: none;
}

#funcnav li a:hover,
#funcnav li a:active,
#funcnav li a.active {
	color: #7b6a4f;
}

/* LOGO */
#logo {
	width: 170px;
	height: 44px;
	float: left;
	padding-left: 10px;
}

/* MAINNAVIGATIE */
#mainnav {
	width: 770px;
	height: 44px;
	background-image: url(../images/bck_nav44.jpg);
	background-repeat: repeat-x;
	float: left;
}

#mainnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mainnav li {
	float: left;
	display: inline;
	margin: 0;
	background-image: url(../images/bck_nav44.jpg);
}

#mainnav li a,
#mainnav li a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 44px;
	color: #FFF;
	background: url(../images/bck_nav44.jpg) bottom left repeat-x;
	height: 44px;
	float: left;
	display: inline;
	text-decoration: none;
	text-align: center;
	font-weight: lighter;
	padding-right: 10px;
	padding-left: 10px;
} 

#mainnav li a:visited {
color:#FFF;
background: url(../images/bck_nav44.jpg) bottom left repeat-x;
text-decoration: none;
font-weight:lighter;
}

#mainnav li a:hover 
{
	height: 44px;
color:#FFF;
background: url(../images/bck_navact44.jpg) bottom left repeat-x;
text-decoration: none;
font-weight:lighter;
} 

#mainnav li a:active {
color:#FFF;
background: url(../images/bck_nav44.jpg) bottom left repeat-x;
text-decoration: none;
font-weight:lighter;
}

/*
*/
/* ADMINNAVIGATIE */
#adminnav {
	width: 770px;
	height: 44px;
	background-image: url(../images/bck_nav44.jpg);
	background-repeat: repeat-x;
	float: left;
}

#adminnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#adminnav li {
	float: left;
	display: inline;
	margin: 0;
	background-image: url(../images/bck_nav33.jpg);
}

#adminnav li a,
#adminnav li a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 44px;
	color: #FFF;
	background: url(../images/bck_nav44.jpg) bottom left repeat-x;
	height: 44px;
	float: left;
	display: inline;
	text-decoration: none;
	text-align: center;
	font-weight: lighter;
	padding-right: 10px;
	padding-left: 10px;
} 

#adminnav li a:visited {
color:#FFF;
background: url(../images/bck_nav22.jpg) bottom left repeat-x;
text-decoration: none;
font-weight:lighter;
}

#adminnav li a:hover A
{
	height: 33px;
color:#FFF;
background: url(../images/bck_navact22.jpg) bottom left repeat-x;
text-decoration: none;
font-weight:lighter;
} 

#adminnav li a:active {
color:#FFF;
background: url(../images/bck_nav22.jpg) bottom left repeat-x;
text-decoration: none;
font-weight:lighter;
}


/* HOMEPAGE
========================================================================================================*/ 

#banners{
	position:relative;
	float:left;
	display: inline;
	margin: 0 20px 0 13px;
	padding: 0;
	width: 240px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}


#banners table {
	border-collapse: collapse;
}

.blokje {
	min-height: 280px;
	height: auto !important;
	height: 280px;
}

.homegreyfiller
{
	padding: 5px 5px 0 5px;
	background: url(../images/homebgfiller.gif)  repeat-x;	
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

.homegreynofiller
{
	padding: 5px 5px 0 5px;
	min-height: 300px;
	height: auto !important;
	height: 300px;

}
	
/* CONTENTPAGE
========================================================================================================*/ 

#contentheader{
	width: 990px;
	min-height: 400px;
}

#wrappercontent {
	width: 990px;
	margin: 0;
	padding: 30px 0 10px 0;
	overflow: auto;
	border-left: solid 1px #dcdcdc;
}


#wrappercontent #text{
	width: 464px;
	position:relative;
	margin: 0 20px 0 0;
	float:left;
	display: inline;
	min-height: 360px;
	height: auto !important;
	height: 360px;
}


#wrappercontent #leftbar {
	min-height: 50px;
	height: auto !important;
	height: 50px;
	width: 190px;
	float:left;
	display: inline;
	margin: 0 50px 0 13px;
}

#wrappercontent #rightbar{
	width: 240px;
	float:left;
}

/* SUBNAVIGATIE */

#wrappercontent #subnav{
	width: 190px;
	float:left;
}


#wrappercontent #subnav ul{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}


#subnav li{
display: inline;
float: left;
padding: 1px 0;
margin:0;
border-bottom: 1px solid #d1deef;
}


#subnav a {
color: #0047a8;
text-decoration: none;
font-size: 12px;
display: block;
padding: 2px 14px 1px 24px;
margin: 0;
width: 152px;
}


#subnav a:link, #subnav a:visited {
color:  #0047a8;
text-decoration: none;
}


#subnav a:hover {
color: #fff;
background-color: #4db0e7;
background-image:url(../images/bck_subact.jpg);
background-repeat:no-repeat;

}

/* Submenu ends here */

#text p img {
	margin: 0 10px 5px 0; /* a bit of space around images in a text */
}

#progressupdate {
	height: 30px;
	width: 550px;
	text-align: center;
	float: right;
}

.foto {
	/*background-image:url(../images/img_shadowonderfoto.gif);
	background-repeat:no-repeat;
	background-position: left bottom
	padding-bottom: 10px;*/
	float:right;
	display: inline;
	height: 164px;
	width: 177px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.image {
	border:solid 2px #13b1e7;
}

a.button:link, a.button:visited {
	font-family:"Trebuchet MS";
	font-size: 13px;
	color:#FFFFFF;
	background-color:#13b1e7;
	outline: none;
	border: none;
	cursor : pointer;
	padding: 2px 4px 2px 4px;
	margin:5px 0 0 10px;
}

a.button:hover {
	background-color:#0d98c8;
	margin:5px 0 0 10px;
}
	
.tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	color: #000000;
	padding-left: 0;
	padding-right: 0px;
	text-decoration: none;
	padding-top: 10px;
}

.tekstheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	font-weight: bold;
}

.tekstheadertop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #000000;
	font-weight: bold;
}

.gridStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color: #A29F9F;
	border: 0;
	width: 100%;
}

.gridHeader
{
	background-color: #3171EF;
	font-weight: bold;
	color: #FFFFFF;
}

.gridFooter
{
	background-color: #E1E1E1;
}
.gridAlternatingItem
{
	background-color: #E2E2E2;
}

.gridPager 
{
      background-color:#BAB9B9;
      text-align:right;
}

.gridPager span
{
      text-decoration: underline;
}

.loggedin {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#064aaa;
height: 2em;
line-height: 2em;
float: left;
display: block;
text-decoration: none;
text-align:center;
}

#topbox{
	width: 920px;
	height: 50px;
	float: left;
	padding-top: 30px;
	padding-left: 30px;
}

#reportbox{
	width: 750px;
	height: 480px;
	float: left;
	text-align: center;
}

#reportboxleft{
	width: 100px;
	height: 480px;
	float: left;
	text-align: center;
	background-color: #FFFFFF;
	min-width: 100px;
}

#reportboxright{
	width: 100px;
	height: 480px;
	float: right;
	text-align: center;
	min-width: 100px;
}