/* body ----------------------------------------------------------- */

body { 
overflow: -moz-scrollbars-vertical; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../shared/bg-body.jpg) no-repeat center top;
}

img {
border:0px;
}

#container
{
	/* Horizontal gecentreerd */
	margin			: 0px auto; 
	width			: 970px;
	
	/* Horizontaal en verticaal centreren 
	position		: absolute;
	width			: 970px;
	height			: 500px;
	left			: 50%;
	top				: 50%;
	margin			: -250px 0 0 -495px;*/
}

/*  ----------------------------------------------------------- */
.leftspace {
	width: 131px;
	height: 1000px;
	float: left;
}

.header {
	width: 760px;
	height: 235px;
	float: left;
}

.voorproefje {
	width: 760px;
	height: 49px;
	float: left;
}

.coda {
	width: 760px;
	height: 180px;
	float: left;
}

.tekstbox {
	width: 470px;
	float: left;
	padding-top: 40px;
	padding-left: 150px;
	color: #212121;
	font: 16px/22px "Trebuchet ms", arial;
}

.tekstbox2 {
	width: 470px;
	float: left;
	padding-top: 40px;
	padding-left: 150px;
	color: #212121;
	font: italic 16px/22px Georgia, "Trebuchet ms", arial;
}

.empty {
	width: 200px;
	height: 5px;
	float: left;
	clear: both;
}

#kruimelpad {
	width: 470px;
	float: left;
	padding-top: 20px;
	padding-left: 150px;
	color: #212121;
	font: 12px "Trebuchet ms", arial;
}

/* hyperlinks ----------------------------------------------------------- */

a { 
color: #CE1C54; 
text-decoration: none; 
}

a:link { 
color: #CE1C54; 
text-decoration: none; 
}

a:visited { 
color: #CE1C54; 
text-decoration: none; 
}

a:hover { 
color: #CE1C54; 
text-decoration: underline; 
}

a:active { 
color: #CE1C54; 
text-decoration: none; 
}

/* footernavigatie ----------------------------------------------------------- */
.footerbox {
	width: 760px;
	float: left;
	height: 135px;
	background-image: url(../shared/bg-footer.png);
}

.leftspacefooter {
	width: 140px;
	height: 50px;
	float: left;
	clear: both;
}

.navbox {
	padding-top: 45px;
	width: 500px;
	height: 30px;
	padding-left: 105px;
}


.footernav {
color: #ffffff; 
font-size: 13px; 
font-family: arial, verdana, times; 
font-weight: normal; 
text-decoration: none; 
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
text-align: left;
}

a.footernav { 
color: #ffffff; 

text-decoration:none;
}

a:link.footernav { 
color: #ffffff; 
text-decoration: none;

}

a:visited.footernav { 
color: #ffffff; 
text-decoration: none; 

}

a:hover.footernav { 
color: #fbaee2; 
text-decoration: none; 

}

a:active.footernav { 
color: #ffffff; 
text-decoration: none;

}

/* titels ----------------------------------------------------------- */
.letter { 
color: #797979; 
text-decoration: none; 
margin: 0px 0px 0px;
padding: 0px 0px 0px 0px;
	font: italic bold 38px/38px georgia, times;
}

.letterform { 
	color: #57b273; 
text-decoration: none; 
margin: 0px 0px 0px;
padding: 0px 0px 0px 0px;
	font: italic bold 24px/17px georgia, times;
}

h1 { 
color: #CE1C54; 
text-decoration: none; 
margin: 0px 0px 18px;
padding: 0px 0px 0px 0px;
	font: italic bold 24px georgia, times;
}



h2 { 
color: #CE1C54; 
text-decoration: none; 
margin: 0px 0px 18px;
padding: 0px 0px 0px 0px;
	font: italic bold 24px georgia, times;
}



h3 { 
color: #CE1C54; 
text-decoration: none; 
margin: 0px 0px 18px;
padding: 0px 0px 0px 0px;
	font: italic bold 20px georgia, times;
	text-align: left;
}

h4 { 
color: #CE1C54; 
text-decoration: none; 
margin: 0px 0px 18px;
padding: 0px 0px 0px 66px;
	font: italic bold 20px georgia, times;
	text-align: left;
}
/* Scroll Bar Master Styling Starts Here ----------------------------------------------------------- */
/* comments can freely be removed from this file */

#mycustomscroll{
height: 330px; 
margin-top: 0px;
margin-right: 20px; 
width: 369px;
}

/* do not modify .scrollgeneric class, required for proper operation */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 15px; height: 1px; background: url(/shared/scrollbar.gif) repeat;}
/* .vscrollerbarbeg {height: 14px !important;width: 15px;background: url(/shared/scrollup.gif) no-repeat;}
.vscrollerbarend {height: 14px;width: 15px;background: url(/shared/scrolldown.gif) no-repeat;} */
.vscrollerbase {width: 15px; background: url(/shared/scrollback.gif) repeat;}
.vscrollerbasebeg {width: 15px;height: 14px !important;background: url(/shared/scrollup.gif) no-repeat;}
.vscrollerbaseend {height: 14px;width: 15px;background: url(/shared/scrolldown.gif) no-repeat;}
.vscrollerbar, .hscrollerbar {padding: 14px;z-index: 2;}
.scrollerjogbox {width: 15px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */

/* Scroll Bar Master Styling Starts Here */
/* comments can freely be removed from this file */

#mycustomscroll2{
height: 330px; 
margin-top: 0px;
margin-right: 20px; 
width: 355px;
}

/* do not modify .scrollgeneric class, required for proper operation */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 15px; height: 1px; background: url(/shared/scrollbar.gif) repeat;}
/* .vscrollerbarbeg {height: 14px !important;width: 15px;background: url(/shared/scrollup.gif) no-repeat;}
.vscrollerbarend {height: 14px;width: 15px;background: url(/shared/scrolldown.gif) no-repeat;} */
.vscrollerbase {width: 15px; background: url(/shared/scrollback.gif) repeat;}
.vscrollerbasebeg {width: 15px;height: 14px !important;background: url(/shared/scrollup.gif) no-repeat;}
.vscrollerbaseend {height: 14px;width: 15px;background: url(/shared/scrolldown.gif) no-repeat;}
.vscrollerbar, .hscrollerbar {padding: 14px;z-index: 2;}
.scrollerjogbox {width: 15px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */