@import url(/include/css/editor.php);
body 	{
	background-color: #5D5EBC;
	margin: 0 0 0 0;
	overflow: -moz-scrollbars-vertical;
}

html,body { margin:0; padding:0 }

body {
	text-align:center
	}

h2 {
	margin-bottom: 3px;
}
div#container {
	text-align:left;
	background:#fff url('/image/bg-navbar.gif') left top repeat-y;
	width:982px;
	margin:0 auto 30px auto;
	}
div#navBottom {
	background:url('/image/bg-navbar-bottom.gif') left bottom no-repeat;
	}
div#wrapper {
	float:left;
	width:100%
	}


/* HEADER */

#flashHeader {
	z-index: 0;
}

#payoff {
	background:#5D5EBC url('/image/payoff.gif') right center no-repeat;
	height:44px;
	line-height:44px;
	color:#fff;
	font: 200% "Times New Roman", times, sans-serif;
	font-style:italic;
	}
#payoff span {
	visibility:hidden;
	}

div#header {	/* This is only for Home, see "color.css" for other headers. */
	position:relative;
	height:299px;
	/*background:url('/image/headers/welkom.jpg') center bottom no-repeat; */
	}
div#flashHeaderReplacement { height:255px; background-image:url('/image/headers/welkom2.jpg'); }


#logo {
	position:absolute;
	margin-left:85px;
	margin-top:-28px;
	z-index: 1;
	}


/* CONTENT */

div#contentHome {
	margin: 0 314px 0 256px;
	padding:25px 5px 0 0;
	}
div#content {
	margin: 0 184px 0 256px;
	padding:0 5px 0 0;
	}

#parentNav {
	font-weight:bold;
	border-bottom:1px solid silver;
	margin:25px 10px 10px 271px;
	padding:0 0 3px 0;
	text-indent:-1px;
	}
#getAcrobat {
	padding:7px 10px 7px 0;
	height:34px;
	margin-bottom:10px;
	}
#getAcrobat img {
	display:block;
	float:right;
	}

#homeText {
	height:185px;
	overflow:hidden;
	margin-bottom:30px;
	padding:0 15px;
	}
#text { /* <---------- Deze moet nog bij website_content.php toegevoegd. */
	padding:0 15px 50px 14px;
	}

img.generator_content_image_left {

	margin-right: 5px;
}

#homeExtraInfo {
	background:#E7E7F5 url('/image/bg-home-extra-info.gif') right center no-repeat;
	padding:0 30px 0 14px;
	height:412px;
	}

#homeExtraInfo h2 {
	padding:25px 0 3px 0;
	}
#homeExtraInfo span.homeImg {
	width:100px;
	}

#faqList {
	clear:both;
	margin-bottom:3px;
	}
#newsList {
	clear:both;
	margin-top:23px;
	}



/* NAVIGATION */

div#navigation {
	float:left;
	width:256px;
	margin-left:-982px;
	}
div#navHome {
	height:652px;
	background:url('/image/bg-navbar-home.gif') 10px bottom no-repeat;
	}

#navFirstHeading {
	position:absolute;
	margin-top:-30px;
	margin-left:52px;
	font-size:12pt;
	font-color:#333;
	font-weight:normal;
	}

form#dienstZoeken {
	margin:0 0 36px 40px;
	padding:0 10px 0 10px;
	background:#E7E7F5 url('/image/bg-dienst-zoeken.gif') center bottom no-repeat;
	width:169px;
	height:204px;
	overflow:hidden;
	}
form#dienstZoeken p {
	clear:both;
	margin-bottom:14px;
	}
form#dienstZoeken label {
	display:block;
	}
form#dienstZoeken select {
	border:1px solid #7F9DB9;
	font-size:8pt;
	width:169px;
	margin:0;
	}
form#dienstZoeken input.submitBtn {
	background:transparent url('/image/submit-dienst-aanbod.gif') right center no-repeat;
	padding-right:30px;
	font-weight:bold;
	text-align:right;
	width:168px;
	border:none;
	}

#navblock {
	margin-left:40px;
	}

#logoLinks {
	margin:40px 0 15px 50px;
	}


/* SIDEBAR */

div#extraHome {
	float:left;
	width:309px;
	padding-left:5px;
	padding-top:25px;
	margin-left:-314px
	}

div#extra {
	float:left;
	width:179px;
	padding-left:5px;
	margin-left:-184px
	}

#subnav {
	background:url('/image/corners-white-top.gif') center top no-repeat;
	margin-right:10px;
	}
#subnav div {
	background:url('/image/corners-white-btm.gif') center bottom no-repeat;
	padding:5px 15px 10px 16px;
	}
#subnav li a {
	text-decoration:none;
	}
#subnav li.active a {
	font-weight:bold;
	}

#submenunav {
	background:url('/image/corners-white-top.gif') center top no-repeat;
	margin-right:10px;
	}
#submenunav div {
	background:url('/image/corners-white-btm.gif') center bottom no-repeat;
	padding:5px 15px 10px 16px;
	}
#submenunav li a {
	text-decoration:none;
	}
#submenunav li.active a {
	font-weight:bold;
	}

#submenunav li.active ul li a {
	font-weight: normal;
}

#related {
	background:url('/image/corners-transp-top.gif') center top no-repeat;
	margin-top:10px;
	margin-right:10px;
	}
#related div {
	padding:6px 1px;
	background:url('/image/corners-transp-btm.gif') center bottom no-repeat;
	}
#related div div {
	padding:0 15px;
	background:#fff;
	}
#related p {
	font-weight:bold;
	}
#related li a {
	text-decoration:none;
	}
#related li.active a {
	font-weight:bold;
	}

div.banner {
	margin-bottom:15px;
	width:267px;
	height:47px;
	padding:10px 15px;
	background: url('/image/bg-banner.gif') right center no-repeat;
	}

div#extraHome div.banner h3 {
	font-size:12pt;
	font-weight:normal;
	margin-bottom:3px;
	}
div#extraHome div.banner h3 a {
	text-decoration:none;
	font-size:12pt;
	line-height:1;
	}

div.banner p {
	line-height:1.4;
	}
div.banner img {
	margin-top:-16px;
	}
div.bannerEven h3, div.bannerEven p { margin-right:100px; }
div.bannerOdd h3, div.bannerOdd p { margin-left:100px; }
div.bannerEven img { float:right; }
div.bannerOdd img { float:left; }

div.bannerVacature {
	background-image: url('/image/bg-banner-vacature.gif');
	}
div.bannerVacature_first {
	margin-top:44px;
}

div#extraHome div.bannerVacature h3 a { color:#FEEB02; }
div.bannerVacature p { color:#fff; }
div.bannerVacature img { float:left; margin-top:-19px; }


div.bannerContent {
	border-top:1px solid #fff;
	margin-top:20px;
	width:171px;
	background:url('/image/bg-banner-content.gif') center top no-repeat;
	}
div.bannerContent div {
	padding-left:12px;
	padding-bottom:10px;
	min-height:105px;
	background:url('/image/bg-banner-content-btm.gif') center bottom no-repeat;
	}
div.bannerContent a.img {
	display:block;
	height:60px;
	}
div.bannerContent img {
	margin-top:-6px;
	position:absolute;
	}
div.bannerContent h3 {
	margin-top:12px;
	font-size:12pt;
	font-weight:normal;
	color:#666;
	}
div.bannerContent p {
	margin-top:4px;
	color:#999;
	line-height:1.4;
	}

#sidebarSpacer {
	height:50px;
	}

#spotlight {
	margin-top:38px;
	height:100px;
	}
#spotlight h2 {
	margin-bottom:20px;
	padding-left:8px;
	}
#spotlight span.figure {
	width:126px;
	height: 84px;
	overflow: hidden;
	display:inline;
	margin:0 9px 0 7px;
	}

#spotlight span.figure img{
	height: 84px;
	overflow: hidden;
}


#spotlight p {
	overflow:auto;
	margin-bottom:5px;
	}
#spotlight a {
	margin-left:10px;
	clear:both;
	}


/* FOOTER */

div#footer {
	background: #fff url('/image/footer.gif') center bottom no-repeat;
	color: #666;
	height:45px;
	clear:left;
	width:100%
	}
div#footer p {
	color:#666;
	margin:0;
	padding:0 34px;
	line-height:45px;
	}
div#footer a {
	display:inline;
	padding:0;
	color:#666;
	}


/* GENERAL STYLES */

a.submit {
	font-weight:bold;
	text-decoration:none;
	padding-right:25px;
	line-height:20px;
	background:url('/image/submit-arrow.gif') right center no-repeat;
	}

a img { border:none; }

span.figure {
	display:block;
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
	float:left;
	margin-right:10px;
	}
span.figure img {
	display:block;
	}

ul {
	margin:0 0 0 6px;
	padding:0 0 0 5px;
	list-style-image: url('/image/arrow.gif');
	}

ul li {
	margin:0;
	padding:0;
	}

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}


/* NEWS */
img.news_img {
	float: right;
	margin-left: 5px;
}

table.news tr.even {
	background: #E7E7F5;
}

table.news tr.odd td{
	padding: 3px 0 3px 0;
}

table.news tr td.date {
	font-style: italic;
}

table.news tr td a {
	text-decoration: none;
}

table.news tr td a:hover {
	text-decoration: underline;
}

table.news tr td img {
	display: block;
}






/* FAQ */
h2.question {
	margin-top: 10px;
}

/* SEARCH RESULTS */

ul.opvangvormen li span{
	font-weight: bold;
}

table.searchresults tr td{
	height: 10px !important;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

table.searchresults tr td a {
	text-decoration: none;
	font-weight: normal;
}

table.searchresults tr td a:hover {
	text-decoration: underline;
}

table.searchresults tr td img {
	display:block;
	}

table.searchresults tr.even {
	padding: 0 0 0 0;
	background-color: #E7E7F5;
}

table.searchresults tr.hover {

}

table.opvangvormen tr td img {
	display: block;
}

table.opvangvormen tr td a {
	text-decoration: none;
	font-weight: bold;
}

table.opvangvormen tr td a:hover {
	text-decoration: underline;
}

table.opvangvormen tr.even {
	background-color: #E7E7F5;
}

table.opvangvormen tr.first td.content {
	padding-top: 5px;
}

table.opvangvormen tr.second td.content {
	padding-bottom: 5px;
}

/* LOCATION PAGE */
div.fotos {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 120px;
	padding-top: 10px;
	border-top: 1px solid #C3C3B5;
	overflow: hidden;
	clear: both;
}

div.foto {
	float: left;
	margin-right: 11px;
	border: 1px solid #C3C3B5;
	height: 120px;
	overflow: hidden;
}

div.foto_last {
	float: left;
	margin: 0 0 0 0;
	border: 1px solid #C3C3B5;
	height: 120px;
	overflow: hidden;
}

div.foto img, div.foto_last img {
	display: block;
	width: 160px;
	height: 120px;
}

div.albumfoto {
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
	border: 1px solid #C3C3B5;
	overflow: hidden;
	width: 87px;
	height: 87px;
}

table.albums {
	margin-top: 11px;
}

table.albums tr td {
	height: 30px;
}

div#albumdiv {
	height: 30px;
	width: 400px;
}

div#albumdiv p {
	float: left;
	width: 140px;
	height: 20px !important;
	display: block;
	clear: none !important;
}

div#albumdiv p.select {
	float: left;
	width: 200px;height: 20px;
	display: block;
}

div#albumdiv p.select select {
	margin: 0 0 0 0;
}

table.albums tr td img {
	display: block;
}

table.albums_red {
	background-color: #FDEDEF;
}

table.albums_green {
	background-color: #ECF9DF;
}

table.albums_purple {
	background-color: #E7E7F5;
}

div.photoalbum {
	margin-top: 11px;
	width: 500px;
}

div.photoalbum_photos {
	overflow: auto;
	margin-top: 11px;
	padding-top: 11px;
	width: 500px;
	border-top: 1px solid #C3C3B5;
}

div.photoalbum_photos img {
	display: block;
}

div.fotoalbum select {

	position: absolute;
	margin-top: -23px;
	margin-left: 125px;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8pt;


}

div#map {
	border: 1px solid #C3C3B5;
}

div#mapslocatie {
	padding-top: 10px;
	border-top: 1px solid #C3C3B5;
}

/* LOCATIONS */
table.locaties {
	margin-bottom: 15px;
}

table.locaties tr td {
	/* background-color: #E7E7F5; <- paars   #FDEDEF <- rood */
	background-color: #E7E7F5;
	height: 30px;
}

table.locaties tr td img {
	display: block;
}

table.locaties input {
	margin-right: 3px;
}

/* HOME */
a.frontnewslink {
	text-decoration: none;
}

a.frontnewslink:hover {
	text-decoration: underline;
}

/* CONTACT */
p.submit button {

	background-color: #E7E6F4 !important;
	color: black !important;
}

p.legend {
	font-weight: bold;
}


/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }