@charset "utf-8";

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  HOOFDELEMENTEN  */
/*  tags  */

body {
	font-family: Helvetica LT Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:12pt;
	color:#A67D3D;
	background-color: #FFFBF0;
}
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
table {
	font-family: Helvetica LT Light, Helvetica, Verdana, Arial, sans-serif;
	font-size:12pt;
	color:#A67D3D;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */	
}
td {
}
hr {
	color:#DB5B26;
	clear: both;
}
/*  advanced (IDs, contextual selectors, etc.)  */

/*  classes (can apply to any tag)  */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  BELANGRIJKSTE TEKSTOPMAAK (tags, classes, IDs)  */
/*  tags  */
#container {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFBF0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFFBF0;
	padding: 35px 0;
	text-align: center; /* this overrides the text-align: center on the body element. */
}

#header {
	background: url(../images/buttons/WS-logo.png) no-repeat right top;
	height: 227px;
	margin: 0;
	padding: 0;
}
#header table {
	text-align: left;
	margin: 0;
	width: 850px;
}
td.headertext {
	width: 560px;
	padding: 0 0 0 37px;
	vertical-align: top;
}
td.headermenu {
	padding-top: 160px;
	padding-right: 28px;
	overflow: visible;
}
.headertext a:link,
.headertext a:active,
.headertext a:visited {
	color:#604722;
	text-decoration: underline;
}
.headertext a:hover {
	color:#604722;
	text-decoration: none;
	background-color: #A67D3D;
}
.headermenu a:link,
.headermenu a:active,
.headermenu a:visited {
	color:#A67D3D;
	text-decoration: none;
}
.headermenu a:hover {
	color:#604722;
	text-decoration: none;
}
#header h1 {
	font-size: 150%;
	font-weight: normal;
	margin: 19px 0 15px 0;
}
#header p {
	font-size: 100%;
	margin: 0;
}


#mainContent {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */	
}
#mainContentSchilderij {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	padding-left: 35px;	
}
#mainContentSchilderij table {
	text-align: left;
	margin: 0;
}
#mainContentSchilderij td {
	padding: 0 35px 0 0;
	vertical-align: top;
}
#mainContentSchilderij td.expo {
	width: 33%;
	color:#604722;
}
#mainContentSchilderij td.rest {
	width: 67%;
}
#mainContentSchilderij p {
	margin: 0 0 19px 0;
}
#mainContentSchilderij h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 19px 0;
}
#mainContentSchilderij h4 {
	font-size: 90%;
	font-weight: bold;
	margin: 0;
}
#mainContentSchilderij a:link,
#mainContentSchilderij a:active,
#mainContentSchilderij a:visited {
	color:#A67D3D;
	text-decoration: underline;
}
#mainContentSchilderij a:hover {
	color:#604722;
	background-color: #A67D3D;
	text-decoration: none;
}





#footer {
	text-align: left;	
	margin: 35px 0 35px 35px;
}
#footer a:link,
#footer a:active,
#footer a:visited {
	color:#A67D3D;
	text-decoration: none;
}
#footer a:hover {
	color:#604722;
	text-decoration: none;
}
#footer p {
	font-size: 90%;
}
#footer table {
float: left;
margin-left: -10px;
}
#footer td.smenu {
	color: #FFFBF0;
	height: 65px;
	width: 130px;
	margin: 0;
	background-image:url(../images/css/bg-smenu.png);
	background-position: 0 0;
}
#footer td.smenu a {
	color: #FFFBF0;
	text-decoration: none;
}
#footer td.smenu a:hover {
	color: #FFFBF0;
	text-decoration: none;
	font-size: 115%;
}
#footer td.smenu-curr {
	color: #FFFBF0;
	font-weight: bold;
	height: 65px;
	width: 130px;
	margin: 0;
	background-image:url(../images/css/bg-smenu.png);
	background-position: 0 -65px;
}

/*  advanced (IDs, contextual selectors, etc.)  */
/*  classes (can apply to any tag)  */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*  OVERIGE TEKSTOPMAAK (tags, classes, IDs)  */
/*  tags  */

/*  advanced (IDs, contextual selectors, etc.)  */
#frankma {
	font-size: 7pt;
	left: 8px;
	bottom: 8px;
	position: absolute;
}
/*  classes (can apply to any tag)  */
.accent	{
	font-weight: bold;
	color: #A71E23;
}

.citaat	{
	color: #D25F11;
	padding-left: 25px;
	padding-right: 25px;
}

.comment	{
	font-size: 10pt
}

.fotoonderschrift {
	font-size: 9pt;
	font-style: italic;
}

.home	{
	font-size: 10pt;
	text-align:right
}

.invisible {
	margin: 0;
	line-height: 0;
	visibility: hidden;
}

.smaller {
	font-size: 70%;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*  IMAGE POSITIONERING (tags, classes, IDs)  */
/*  tags  */
/*  advanced (IDs, contextual selectors, etc.)  */

/*  classes (can apply to any tag)  */
.imgleft {
	float: left;
	margin: 0px 10px 0px 0px;
}
.imgright {
	float: right;
	margin: 0px 0px 0px 10px;
}
.nowrap	{
	clear: both;
	height: 0;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*  OVERIGE OPMAAK (tags, classes, IDs)  */
/*  tags  */

/*  advanced (IDs, contextual selectors, etc.)  */
#arrow {
	right: 12px;
	bottom: 12px;
	position: absolute;
}

/*  classes (can apply to any tag)  */


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/