/* *******************************
 HTML TAGS
******************************* */
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(img/interf/background.jpg);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	height: 100%;
}

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

a:hover {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

img {
	border: 0px;
}

legend {
	padding: 2px 10px; background: #fff; border: 1px solid #e0e0e0;
}
fieldset {
	margin: 15px 0 0 0;
}

ul {
	padding: 0;
	margin: 0 0 0 20px;
}

ul li {
	list-style-image: url(img/bullet.gif);
}


h1 {
	border: 1px dotted #999999;
	border-bottom: 5px solid #999999;
	color: #999999;
	background-image: url(img/interf/h1.jpg);
	padding: 5px;
	margin: 10px 0;
}

h2 {
	border: 1px dotted #FFCC00;
	border-bottom: 5px solid #FFCC00;
	color: #000000;
	background-image: url(img/interf/h2.jpg);
	padding: 5px;
	margin: 10px 0;
	font-size: 18px;
}

h3 {
	border: 1px dotted #6699CC;
	border-bottom: 5px solid #6699CC;
	color: #000000;
	background-image: url(img/interf/h3.jpg);
	padding: 5px;
	margin: 10px 0;
	font-size: 18px;
}


.successmessage {
	border: 1px solid #006600;
	color: #006600;
	padding: 5px;
	margin: 5px 0px;
	background-color: #DFFFDF;
}

.errormessage {
	border: 1px solid #FF0000;
	color: #FF0000;
	padding: 5px;
	margin: 5px 0px;
	background-color: #FFE8E8;
}

/* *******************************
 HOMEPAGE
******************************* */

.boodschaptitel {
	border: 1px solid #FFCC00;
	border-bottom: 5px solid #FFCC00;
	background-image: url(img/table/bg1.jpg);
	color: #FFCC00;
	background-color: #FFE759;
	padding: 5px;
	margin: 0;
}

.boodschapcontainer {
	border: 1px solid #FFCC00;
	padding: 5px;
	margin: 0 0 15px 0;
	background-color: #FFF3B0;
}

.indekijkertitel {
	border: 1px solid #999999;
	border-bottom: 5px solid #666666;
	color: #666666;
	background-image: url(img/interf/h1.jpg);
	padding: 5px;
	margin: 0;
}

.kijkercontainer {
	border: 1px solid #999999;
	padding: 5px;
	margin: 0 0 15px 0;
	background: url(img/interf/background-grey.jpg);
}

.kijkercontainer img {
	border: 1px solid #bbb;
	background: #fff;
	padding: 5px;
	margin: 2px;
	height: 318px;
	width: 423px;
	float: left;
}

.kijkercontainer .titel {
	border: 1px dotted #6699CC;
	border-bottom: 5px solid #6699CC;
	color: #000000;
	background-image: url(img/interf/h3.jpg);
	margin: 2px 2px 0 2px;
	padding: 5px;
	font-size: 18px;
	float: left;
	width: 230px;
}

.kijkercontainer .text {
	margin: 0 2px 2px 2px;
	padding: 5px;
	border: 1px solid #bbb;
	background: #fff;
	width: 230px;
	float: left;
}

.kijkercontainer .text span {
	display: block;
	color: #990000;
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;
}

/* *******************************
 OVERZICHT AANBOD STYLES
******************************* */

.optie {
	padding: 5px 0;
	margin: 5px 0;
}

.optie a {
	font-weight: bold;
}

.fatbottomborder {
	border-bottom: 2px solid black;
}

/* *******************************
 TABLE STYLES
******************************* */

.defaulttable {
	border: 1px solid #7E7E7E;
	border-top: 0;
}

.defaulttable caption {
	background-image: url(img/table/caption.jpg);
	padding: 2px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #7E7E7E;
	border-bottom: 0;
}

.defaulttable tr td {
	height: 20px;
	border-top: 1px solid #7E7E7E;
	color: #000000;
}

.defaulttable caption {
	background-image: url(img/table/caption.jpg);
}

.defaulttable .odd {
	/* background-image: url(img/table/bg1.jpg); */
	background-color: #FEEFAC;
}

.defaulttable .even {
	/* background-image: url(img/table/bg2.jpg); */
	background-color: #FEF6D3;
}

.highlight {
	color: #FF0000;
	font-weight: bold;
}

/* *******************************
 PANDFICHE STYLES
******************************* */
.album {
	width: 424px;
	float: left;
	border: 1px solid #bbb;
	background: #fff;
	padding: 5px;
	margin: 5px 5px 25px 5px;
	text-align: center;
}

.album img {
	height: 318px;
	/* width: 424px; */
}

.albumlijst {
	float: left;
	margin: 4px 0;
}

.albumlijst div {
	width: 100px;
	border: 1px solid #bbb;
	background: #fff;
	padding: 2px;
	margin: 1px;
	text-align: center;
}
.albumlijst img {
	height: 75px;
}

.albumlegend {
	padding-left: 18px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-image: url(img/interf/arrowdown.gif);
}

.pandfiche .detailtable {
	clear: both;
	margin: 5px;
}

.pandfiche .detailtable p {
	margin: 0 0 10px 0;
}

.pandfiche .detailtable td {
	padding: 5px;
}

.pandfiche .detailtable .odd {
	/* background-image: url(img/table/bg1.jpg); */
	background-color: #FFF3B0;
	border-bottom: 2px solid white;
}

.pandfiche .detailtable .even {
	/* background-image: url(img/table/bg2.jpg); */
	background-color: #FFF3B0;
	border-bottom: 2px solid white;
}

.bullet strong {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-image: url(img/interf/arrow.gif);
}

.buttonscontainer {
	clear: both;
	text-align: center;
}
.buttonscontainer a {
	width: 200px;
	height: 30px;
	display: block;
	float: left;
}
.buttonscontainer a.info {
	background-image: url(img/buttons/infoaanvragen.gif);
}
.buttonscontainer a.print {
	background-image: url(img/buttons/afdrukken.gif);
}
.buttonscontainer a.route {
	background-image: url(img/buttons/routeberekenen.gif);
}
.buttonscontainer a:visited {
	background-position: 0 0;
}
.buttonscontainer a:hover {
	background-position: 0 30px;
}
.buttonscontainer a:active {
	background-position: 0 0;
}

.buttonscontainer a span {
	display: none;
}

/* ALTERNATE BLUE ROWCOLORS */
.pandfiche .detailtable_alternate {
	clear: both;
	margin: 5px;
}

.pandfiche .detailtable_alternate p {
	margin: 0 0 10px 0;
}

.pandfiche .detailtable_alternate td {
	padding: 5px;
	border-bottom: 1px solid white;
}

.pandfiche .detailtable_alternate .odd {
	background-image: url(img/table/bg1_alt.jpg);
}

.pandfiche .detailtable_alternate .even {
	background-image: url(img/table/bg2_alt.jpg);
}

#downloadslist {
	margin: 0 0 25px 25px;
	}

/* *******************************
 PROJECTENPAGINA STYLES
******************************* */
#projectlisttable strong {
	display: block;
	margin: 5px 0 2px 0;
	padding: 0;
	font-size: 16px;
	font-style: italic;
	color: #666;
}

#projectlisttable span {
	color: #999999;
	font-style:italic;
}

#projectlisttable img {
	padding: 5px;
}

#projectlisttable .odd {
	background-color: #FEEFAC;
}

#projectlisttable .even {
	background-color: #FEF6D3;
}


/* *******************************
 SITE LAYOUT
******************************* */
#aanbodmenu img {
	display: inline;
}

#aanbodmenu ul {
	padding: 0;
	margin: 0;
}

#aanbodmenu #head {
	padding: 0;
	margin: 0;
	margin-top: 14px;
	height: 28px;
	width: 210px;
	background-image: url(img/menu/aanbod-top.gif);
}
#aanbodmenu .heading {
	font-size: 12px;
	font-weight: bold;
	padding: 1px 0 0 10px;
	width: 200px; /* 210px - 10px from padding */
	height: 16px; /* 17px - 1px from padding */
	background-image: url(img/menu/aanbod-normal.gif);
	text-decoration: none;
	color: #000000;
	letter-spacing: 0.2em;
}

#aanbodmenu ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	text-align: left;
	height: 17px;

}
#aanbodmenu a {
	display: block;
	font-size: 12px;
	padding: 1px 0 0 20px;
	width: 190px; /* 210px - 20px from padding */
	height: 16px; /* 17px - 1px from padding */
	background-image: url(img/menu/aanbod-normal.gif);
	text-decoration: none;
	color: #555555;
	letter-spacing: 0.1em;
}
#aanbodmenu a:hover {
	background-image: url(img/menu/aanbod-over.gif);
	color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#aanbodmenu .active a {
	display: block;
	font-size: 12px;
	padding: 1px 0 0 20px;
	width: 190px; /* 210px - 20px from padding */
	height: 16px; /* 17px - 1px from padding */
	background-image: url(img/menu/aanbod-active.gif);
	text-decoration: none;
	color: #555555;
	letter-spacing: 0.1em;
	font-weight: bold;
}

#pagecontainer {
	background-image: url(img/interf/sidebar_test.gif);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}

#top {
	background-image: url(img/interf/top.jpg);
	height: 150px;
	width: 950px;
	border: 0;
}

#bar {
	background-image: url(img/interf/slogan_bar.jpg);
	height: 52px;
	width: 950px;
}

#leftmenubar {
	float: left;
	width: 210px;
	padding: 0 0 0 11px;
}

#maincontent {
	float: left;
	margin: 5px 0 0 5px;
	width: 700px;
}

#printhead {
	display:none;
}


/* *******************************
 Route.php
******************************* */
#routehelp {
	font-size: 10px;
	margin: 2px;
}
#routehelp span {
	color: #990000;
}


/* *******************************
 fp.Form PHP CLASS Styles
******************************* */
.helper { display: none; padding: 10px; background: #f6f6f6; }
.req { color: red; }
form { margin: 0; }
label { display: block; float: left; width: 120px; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
form.eg1 { border-top: 1px solid #666; border-bottom: 1px solid #666; background: #f6f6f6; }
.eg1 label { width: 180px; padding: 3px 0 3px 20px; }
.eg1 .fieldCell, .eg1 .fieldAlert { margin-left: 200px; vertical-align: middle; padding: 3px 0; }
.eg1 .group { background-color: #FFFFCC; padding: 5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.eg1 .group2 { background: #333; color: #fff; }
.eg1 .group2 a { color: #f6f6f6; }
.eg1 .fieldRow { padding: 8px 0; }
.eg1 .fieldAlert td { background: #FCFFBC; }
.eg1 .alertmsg { color: red; }
.eg1 .helper { color: #666; padding: 5px 0; background: transparent; }
.eg1 td { vertical-align: top; padding-right: 15px; }
.eg1 .group .fieldRow { margin: 5px 0; }