body {
	background-color: #9EB3B2;
}

.clear {
	clear: both;
	height: 0;
}

/* @group div containers */

#container {
	border: 8px solid #FFFFFF;
	background: #D6E4E1 url(images/bg_content.gif) repeat-y;
	width: 856px;
	text-align: center;
	margin: 20px auto;
}

#content {
	background: #D6E4E1;
	text-align: left;
}

#header {
	background: url(images/header.gif) no-repeat;
	border-bottom: 8px solid #FFFFFF;
	height: 94px;
	width: 856px;
	position:relative;
}

#lang {
	position:absolute;
	top:15px;
	right:0px;
	text-align:right;
	font: 11px/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
#lang a:link, #lang a:visited {
	color: #A31E39;
	text-decoration:none;
	display:block;
	padding: 0 18px 0 18px;
	background: url(images/bg-lang.gif) no-repeat;
}
#lang a:hover, #lang a:active, #lang a:focus {
	color: #CDD9D7;
	background: #A31E39;
	text-decoration: none;
}	

#left {
	float: left;
	width: 178px;
	background: #BFCFCC;
	position: relative;
}

#right {
	float: left;
	width: 620px;
	background: #D6E4E1;
	padding: 24px 0 15px 33px;
}

#footer {
	width: 870px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#lang {
	width: 870px;
	text-align: center;
	margin: 0 auto;
}
#lang p {
	text-align:right;
	margin-bottom:0;
	font: x-small "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
#lang a:link, #lang a:visited {
	color: #A31E39;
}
#lang a:hover, #lang a:active, #lang a:focus {
	color: #CDD9D7;
	background-color: #A31E39;
	text-decoration: none;
}		
/* @end */

/* @group navigation */

#left ul, #left ul li, #subnav ul, #subnav ul li {
	list-style-type: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#left ul li a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}

#left ul {
	padding-bottom: 15px;
}

li#ms, li#centrum, li#info, li#zorg, li#nieuws, li#contact, li#links, li#ms a, li#centrum a, li#info a, li#zorg a, li#nieuws a, li#contact a, li#links a {
	display: block;
	height: 31px;
	width: 178px;
	text-indent: -9999px;	
	text-decoration: none;
}


li#home, li#home a {
	display: block;
	height: 34px;
	width: 178px;
	text-indent: -9999px;
	text-decoration: none;
}

li#home a:link, li#home a:visited {
	background: url(images/b_home.gif) no-repeat;
}

li#home a:hover {
	background: url(images/b_home_over.gif) no-repeat;
}

li#ms a:link, li#ms a:visited {
	background: url(images/b_ms.gif) no-repeat;
}

li#ms a:hover {
	background: url(images/b_ms_over.gif) no-repeat;
}

li#centrum a:link, li#centrum a:visited {
	background: url(images/b_centrum.gif) no-repeat;
}

li#centrum a:hover {
	background: url(images/b_centrum_over.gif) no-repeat;
}

li#info a:link, li#info a:visited {
	background: url(images/b_info.gif) no-repeat;
}

li#info a:hover {
	background: url(images/b_info_over.gif) no-repeat;
}

li#zorg a:link, li#zorg a:visited {
	background: url(images/b_zorg.gif) no-repeat;
}

li#zorg a:hover {
	background: url(images/b_zorg_over.gif) no-repeat;
}

li#nieuws a:link, li#nieuws a:visited {
	background: url(images/b_nieuws.gif) no-repeat;
}

li#nieuws a:hover {
	background: url(images/b_nieuws_over.gif) no-repeat;
}

li#contact a:link, li#contact a:visited {
	background: url(images/b_contact.gif) no-repeat;
}

li#contact a:hover {
	background: url(images/b_contact_over.gif) no-repeat;
}

li#links a:link, li#links a:visited {
	background: url(images/b_links.gif) no-repeat;
}

li#links a:hover {
	background: url(images/b_links_over.gif) no-repeat;
}

/* @end */

/* @group navigation active */

li#ms-active, li#home-active, li#centrum-active, li#info-active, li#zorg-active, li#nieuws-active, li#zorg-active, li#contact-active, li#links-active {
	display: block;
	height: 31px;
	width: 178px;
	text-indent: -9999px;
	text-decoration: none;
}

li#ms-active a, li#home-active a, li#centrum-active a, li#info-active a, li#zorg-active a, li#nieuws-active a, li#zorg-active a, li#contact-active a, li#links-active a {
	display: block;
	height: 31px;
	width: 178px;
	text-indent: -9999px;
	text-decoration: none;
}

li#home-active {
	background: url(images/b_home_over.gif) no-repeat;
}

li#ms-active {
	height: auto;
	background: url(images/b_ms_over.gif) no-repeat;
}

li#centrum-active {
	height: auto;
	background: url(images/b_centrum_over.gif) no-repeat;
}

li#info-active {
	height: auto;
	background: url(images/b_info_over.gif) no-repeat;
}

li#zorg-active {
	height: auto;
	background: url(images/b_zorg_over.gif) no-repeat;
}

li#nieuws-active {
	height: auto;
	background: url(images/b_nieuws_over.gif) no-repeat;
}

li#contact-active {
	background: url(images/b_contact_over.gif) no-repeat;
}

li#links-active {
	background: url(images/b_links_over.gif) no-repeat;
}

	
/* @end */

/* @group subnavigation */

ul#subnav {
	list-style-type: none;		
	display: block;
	padding: 5px 0 5px 20px;	
	background: url(images/dottedline_nav.gif) no-repeat bottom;
}


* html ul#subnav {
	text-indent: 20px;
	padding: 5px 0 10px 0;
}

ul#subnav li a {
	height: 1.5em;
	text-indent: 0px;
	color: #485857;	
	font: small "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

* html ul#subnav li a {
	text-indent: 20px;
}

#subnav li a:link {
	text-decoration: none;
	color: #485857;
}

#subnav li a:visited {
	text-decoration: none;
	color: #687876;
}

#subnav li a:hover, #subnav li a:active {
	text-decoration: none;
	color: #A31E39;
}

#subnav li#current, #subnav li#current1 {
	font: small "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #A31E39;
	font-weight: bold;
	text-indent: 0px;
	height: 1.5em;
}

#subnav li#current a, #subnav li#current1 a {
	font: small "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #A31E39;
	font-weight: bold;
	text-indent: 0px;
	height: 1.5em;
	width: 158px;
}

* html #subnav li#current {
	text-indent: 20px;
}

* html #subnav li#current1 a {
	text-indent: 20px;
}

/* @end */

/* @group text styles */

#header h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 14px
}

h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	height: 55px;
	width: 413px;
}

h3 {
	font: x-large/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	color: #526864;
	height: 38px;
	background: url(images/bg_header3.gif) no-repeat 0px 10px;
	display: block;
	padding:  0 0 0 15px;
}

h4 {
	font: bold 1.1em/1.1 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #6c8984;
}

h5 {
	color: #6f8782;
	letter-spacing: 1px;
	font: bold 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px 0 5px 0;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	display: block;
	background-color: #D0E4E0;
}

h6 {
	color: #6f8782;
	letter-spacing: 1px;
	font: 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px 0 5px 0;
	border-top: 1px dashed #e8f8f5;
	border-bottom: 1px dashed #e8f8f5;
	display: block;
	background-color: #c8dbd8;
	margin: 3px 0;
}


#right p {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
}

#right p.line {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	border-top: 1px solid #E6F1EF;
	padding: 15px 0 0 0;
}

#right p.accent {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	background-color: #D0E4E0;
	border: 1px dashed #FFFFFF;
	display: block;
	padding: 8px;
	margin: 0;
}

#right div.accent {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	padding: 8px 8px 15px 8px;
	border: 1px dashed #FFFFFF;
	display: block;
	background-color: #D0E4E0;
	margin: 15px 0 10px 0;
}

#right div.accent h5 {
	color: #3f504c;
	letter-spacing: 1px;
	font: bold 1.4em "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	border:  0px;
	padding: 0;
	margin: 0;
}

#right p.accent2 {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #A31E39;
	padding: 8px;
	border: 1px dashed #FFFFFF;
	display: block;
	background-color: #E7EDEC;
}

#right p.accent3 {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	padding: 8px;
	border: 1px dashed #FFFFFF;
	display: block;
	background-color: #D0E4E0;
}

#right p.accent3 strong {
 	padding-top: 8px;
 	display: block;
}

#right p.accent strong, #right p.accent2 strong {
	letter-spacing: 1px;
	font: bold 0.9em/2 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
}

#footer p {
	color:  #FFFFFF;
	font: x-small "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: right;
	margin: 0;
}

#footer a {
	color:  #FFFFFF;
}

#right p.xsmall, #right span.xsmall {
	font: x-small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
}
	
/* @end */

/* @group text links */

#right a:link {
	color: #A31E39;
	text-decoration: underline;
}

#right a:visited {
	color: #687876;
	text-decoration: underline;
	font-style: italic;
}

#right a:hover, #right a:active, #right a:focus {
	color: #CDD9D7;
	background-color: #A31E39;
	text-decoration: none;
}
	
/* @end */

/* @group text bullets */

#right ul {
	list-style-type: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#right ul li {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	padding: 0 0 12px 10px;
	background: url(images/bullet.gif) no-repeat 0px 6px;
}

#right ul li ul li {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	padding: 0 0 0 10px;
	background: url(images/bullet_small.gif) no-repeat 0px 6px;
}
	
#right ul.list li {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	padding: 0 0 0 10px;
	background: url(images/bullet.gif) no-repeat 0px 6px;
}

#right ul.list li ul li {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	padding: 0 0 0 10px;
	background: url(images/bullet_small.gif) no-repeat 0px 6px;
}

#right ul.list {
	padding: 0 0 15px 10px;
}	

#right ul.movie {
	list-style-type: none;
	margin:15px 0 15px 5px;
	border-top: 1px solid #aacfc7;
}
#right ul.movie li {
	background:url(images/icon-movie.gif) no-repeat left center;
	padding: 10px 0 10px 35px;
	border-bottom: 1px solid #aacfc7;
}		
/* @end */

/* @group next previous top links */

.next {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: right;
	float: left;
}

.next1 {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: right;
}

.next2 {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: right;
	float: right;
}

.next a, .next1 a, .next2 {
	padding-right: 10px;
}

span.next a:link, .next1 a:link, .next2 a:link {
	background: url(images/bullet_next.gif) no-repeat right;
	color: #A31E39;
	text-decoration: underline;
}

span.next a:visited, .next1 a:visited, .next2 a:visited {
	background: url(images/bullet_next_vis.gif) no-repeat right;
	color: #687876;
	text-decoration: underline;
	font-style: italic;
}

span.next a:hover, span.next a:active, .next1 a:hover, .next1 a:active, .next2 a:hover, .next2 a:active {
	background: #A31E39 url(images/bullet_next_over.gif) no-repeat right;
	color: #CDD9D7;
	text-decoration: none;
}

.prev {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	width: 555px;
	float: left;
}

.prev a {
	padding-left: 10px;
}

span.prev a:link {
	background: url(images/bullet_prev.gif) no-repeat;
	color: #A31E39;
	text-decoration: underline;
}

span.prev a:visited {
	background: url(images/bullet_prev_vis.gif) no-repeat;
	color: #687876;
	text-decoration: underline;
	font-style: italic;
}

span.prev a:hover, span.prev a:active {
	background: #A31E39 url(images/bullet_prev_over.gif) no-repeat;
	color: #CDD9D7;
	text-decoration: none;
}

.top {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	text-align: right;
	margin: 0;
}

.top a {
	padding: 0 10px 0 0;
	margin: 0;
}

.top a:link, .top a:visited {
	background: url(images/bullet_top.gif) no-repeat right;
	color: #A31E39;
	text-decoration: underline;
}

.top a:hover, .top a:active {
	background: #A31E39 url(images/bullet_top_over.gif) no-repeat right;
	color: #CDD9D7;
	text-decoration: none;
}

	
/* @end */

/* @group image styles */

.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.left {
	border: 0;
	float: left;
	margin-right: 10px;
}

p.thumbs-foto img {
	background-color:#bfcfcc;
	border:1px solid #fff;
	padding:6px;
	margin:15px 30px 0 0;
}

#right p.thumbs-foto a,
#right p.thumbs-foto a:link,
#right p.thumbs-foto a:visited,
#right p.thumbs-foto a:hover {
	background:none;
	border:0;
	padding:0;
}

p.foto {
	text-align:center;
}

p.foto img {
	border:6px solid #fff;
	margin:15px 0 0 0;
}

	
/* @end */

/* @group table diensten */

#dienstentabel {
	width: 620px;
	border: 0;
	margin-top: 15px;
}

#dienstentabel th {
	color: #546663;
	letter-spacing: 1px;
	font: bold 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	width: 150px;
}

#dienstentabel td.center {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	text-align: center;
	border-right: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
}

#dienstentabel td.center2 {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	text-align: center;
	border-bottom: 1px dashed #FFFFFF;
}


#dienstentabel td.left {
	padding: 3px 3px 3px 7px;
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	text-align: left;
	border-left: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	width: 300px;
}

#dienstentabel .empty {
	border-bottom: 1px dashed #FFFFFF;
	border-top: 0px;
	border-right: 1px dashed #FFFFFF;
	background-color: transparent;

}

#dienstentabel td.emptyrow {
	height: 15px;
	border: 0;
}

#dienstentabel td.titlerow {
	color: #546663;
	letter-spacing: 1px;
	font: 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	width: 620px;
}

#dienstentabel td.titleleft {
	color: #546663;
	letter-spacing: 1px;
	font: 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border-left: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	text-align: left;
}

#dienstentabel td.titleleft2 {
	color: #546663;
	letter-spacing: 1px;
	font: 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border-left: 1px dashed #FFFFFF;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	text-align: left;
}

#dienstentabel td.titlecenter {
	color: #546663;
	letter-spacing: 1px;
	font: 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border-right: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	text-align: center;
}

#dienstentabel td.titlecenter2 {
	color: #546663;
	letter-spacing: 1px;
	font: 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border-left: 1px dashed #FFFFFF;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	text-align: center;
}

#dienstentabel td.titlecenter3 {
	padding: 8px;
	border-right: 1px dashed #FFFFFF;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
}
	
/* @end */

/* @group table pijn */
	
#pijntabel {
	width: 620px;
	border: 0;
	margin-top: 15px;
}

#pijntabel th {
	color: #546663;
	letter-spacing: 1px;
	font: bold 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	width: 155px;
}

#pijntabel th.first {
	color: #546663;
	letter-spacing: 1px;
	font: bold 0.8em/1.1 "Lucida", "Lucida Bright", Georgia, Times New Roman, Times, serif;
	padding: 8px;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
	border-left: 1px dashed #FFFFFF;
	background-color: #D0E4E0;
	width: 155px;
}

#pijntabel td.ul {
	margin: 0px
}

#pijntabel td {
	padding: 3px 3px 3px 7px;
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	text-align: left;
	border-right: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	vertical-align: top;
}

#pijntabel td.first {
	padding: 3px 3px 3px 7px;
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #3f504c;
	text-align: left;
	border-left: 1px dashed #FFFFFF;
	border-right: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
}

/* @end */

/* @group links page */

.thumbs {
	margin: 0 10px 15px 0;
	float: left;
	border: 1px solid #7B9691;
}
	
	
/* @end */


