/* Start of CMSMS style sheet 'opmaak' */
body {
width: 760px;
height: 100%;
background-color: #ebebeb;
margin: 0 auto;
padding: 0 auto;
}

p { 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#test {
width: 740px;
height: 100%;
background-color: #ebebeb;
margin: 0 auto;
padding: 0 auto;
}

#gallerybox {
	float: center;
  	width: 718px;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-bottom: 16px;
        background-color: #ebebeb;
}

#gallerybox li {
	display: inline;
}

#headerLinks {
padding-top: 10px;
padding-right: 16px;
font-weight: bold;
word-spacing: 30px;
text-align: right;
}

  
#menubalk {
width: 760px;
height: 45px;
background:  url(images/menu_bg2.gif);
}
	
#detail {
width: 760px;
height: 174px;
background:  url(images/detail.jpg);
}

#linkerbox {
width: 450px;
height: 100%;
float: left;
margin-top: 14px; 
margin-left: 16px;
}
 
#rechterbox {
width: 220px;
float: right;
background-color: #ebebeb;
padding-left: 14px; 
margin-right: 16px;
margin-top: 14px;
border: 1px solid #a8a8a8;
}

#contact1 {
width: 180px;
float: right;
margin-top: 45px; 
margin-left: 16px;
margin-right: 75px;
}

#nieuwebox {
width: 728px;
height: 100%;
float: left;
padding-top: 10px;
padding-left: 16px;
}

#nieuwebox img{
border: 4px solid #ebebeb;
margin-top: 10px; 
margin-left: 10px;
}

#newsbox {
height: 140px;
width: 712px;
background-color: #ebebeb;
border: 1px solid #a8a8a8;
float: left;
padding-left: 14px;
margin-bottom: 10px;
}

#newsbox img {
float: right;
border: 4px solid #a8a8a8;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 10px;
}

#newsbox_onder {
height: 140px;
width: 712px;
background-color: #ebebeb;
border: 1px solid #a8a8a8;
float: left;
padding-left: 14px;
margin-bottom: 20px;
}

#newsbox_onder img {
float: right;
border: 4px solid #a8a8a8;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 10px;
}

#newsbox2 {
width: 712px;
background-color: #ebebeb;
border: 1px solid #a8a8a8;
float: left;
padding-left: 14px;
padding-top: 12px;
margin-bottom: 10px;
padding-bottom: 12px;
}

#newsbox3 {
height: 60px;
width: 712px;
background-color: #ebebeb;
border: 1px solid #a8a8a8;
float: left;
padding-left: 14px;
padding-top: 12px;
margin-bottom: 12px;
}

#newsbox4 {
width: 712px;
background-color: #ebebeb;
border: 1px solid #a8a8a8;
float: left;
padding-left: 14px;
margin-bottom: 10px;
}

#newsbox4 img {
float: right;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
}



#titel {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid #a8a8a8;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 14px;
}

#titel2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin-bottom: 14px;
padding-top: 10px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 10px;
border-bottom: 1px solid #a8a8a8;
}

#titel_rechts {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
background-color: #d2d2d2;
padding-top: 10px;
padding-left: 14px;
margin-left: -14px;
padding-bottom: 10px;
}

.static {
color: #6a6a6a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
text-decoration: none;
}

.name {
color: #a8a8a8;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
text-decoration: none;
text-align: leftt;
}
  
.hlink:link {
color: #a8a8a8;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
text-decoration: none;
}

.hlink:active {
color: #a8a8a8;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
text-decoration: none;
}

.hlink:hover {
color: #6a6a6a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
text-decoration: none;
}

.hlink:visited {
color: #a8a8a8;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
text-decoration: none;
}

.link_newsbox2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
float: right;
padding-right: 38px;
margin-top: -16px;
font-style: italic;
}

.link_newsbox3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
float: right;
margin-top: -45px;
font-weight: bold;
}

.boxbeperking
{
width: 360px;
}

.copyright {
font-family: verdana;
color: #666;
font-size: 10pt;
margin-top: 0.7em;
text-align: center;
}

/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 0.5em 1em 1.6em 0.5em; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/
		width: 100px; /* Image width*/
		height: 100px; /* Image height*/
		display: inline;
		padding: 12px; /* Image padding to form photo frame */
/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px;
/* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	/* Image Gallery - Big Images */
.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { 
/*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; 
/* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
		height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

.bigPicNav {/* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px;
/* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}
/* End of 'opmaak' */

