@charset "utf-8";

/* CSS Document */
body {
	background-color: #ddd;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*border: 1px solid;*/
	padding:10px;
	margin: 0px;
}

#main{
	width: 1000px;
	margin: auto;
/*	margin-top: 10px;
	margin-bottom: 10px;*/
	background-color: #fff;
	/*border: 1px solid;*/
}

#content {
	text-align: justify;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #444;
	padding: 40px 61px 20px; /* standard padding, override when necessary */
}

#debug
{
	font-size:9px;
}


/* ************************************ middendeel ************************** */

.textdiv{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 476px; 
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow: hidden; /* voor ff en opera*/
}

h2 {
	font-family: "Book Antiqua", "Palatino Linotype", Palatino, serif;
	font-size: 25px;
	font-style: italic;
}

h1 {
	font-family: "Book Antiqua", "Palatino Linotype", Palatino, serif;
	font-size: 25px;
	font-style: italic;
	padding: 0 0 20px 20px;
}

h3{
	color: #777;
	font-size: 16px;
	background-color: #FAF7F2;
	padding: 14px 20px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 3px;
	font-variant: small-caps;
	margin: 40px 0 30px;
}

.sub{
	font-size: 13px;
	background-color: #fff;
	padding: 0px 10px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
	font-variant: normal;
	margin: 28px 0 20px;
}

#gegevens{
	color: #222;
	margin: 0px;
	font-weight: normal;
	margin: 40px 0 60px;
}

.pageheader {
	font-size: 24px;
	padding-left: 25px;
	padding-bottom: 40px;
	padding-top: 50px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-weight: bold;
}
.mainstory {
	background-image:url(../imgs/bgyellowbig.gif);
	background-position: right;
	padding: 25px;
	font-size: 13px;
	line-height: 20px;
}
.substory {
	font-size: 13px;
}
.tableitemfact {
	font-weight: normal;
}
#main #content .substory #TabbedPanels1 .TabbedPanelsTabGroup .TabbedPanelsTab.TabbedPanelsTabSelected {
	font-weight: normal;
}
#main #content .substory #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible p .tableitemfact em {
	font-weight: normal;
}

.ErrorText {
	color: #F00;
}
.boxederror
{
	border: 1px #f00 solid;
	padding: 20px;
	margin: 10px;
}

.boldtext {
	background-image:url(../imgs/footerback.jpg);
	background-position: right;
	padding: 25px;
	font-size: 13px;
	line-height: 20px;
	color: #000;
}
.padded
{
	font-size: 13px;
	line-height: 20px;
	padding: 25px;
}
.bodytext
{
	font-size: 13px;
	line-height: 18px;
	padding: 0px;
}

.groteletter
{
    float:left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 40px;
}
.demoimlt{
	margin: 6px 25px 10px 2px;

}
.demoiml{
	margin: 16px 25px 10px 2px;

}
.demoimrt{
	margin: 6px 2px 10px 25px;

}
.demoimr{
	margin: 16px 2px 10px 25px;

}

.fillerright
{
	float: right;
	color: #fff;
	clear: both;
	/*background-color: #DDD;*/
}



/*
***************************************** buttons ********************************
*/

.button {
	color: #565656;
	background-color: #eee;
	border: 1px solid;
	border-color: #bbb; 
	font-weight: bold;

/*	color: 0;
	background-color: #917047;
	border: none;
	font-family: Arial, Helvetica, sans-serif; */
	
	padding: 5px 25px;
	/*display: block; nodig?*/
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
	padding: 5px 10px 6px 13px; /* gj */
}
button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
	padding: 4px 10px 3px 13px; /* gj werkt niet?*/
}
button[type] {
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}
*:first-child+html button[type] {
	padding: 4px 10px 3px 7px; /* IE7 */
}
button img {
	margin: 0 3px -3px 0;
	padding: 0;
	border: none;
/*	width: 16px;
	height: 16px;*/
}

#verder, #submit2, #bevestig, #right {
	float: right;
	/* display: inline; /* fix IE6 bug */
}

#terug, #left{
	float: left;
}

.small
{
    font-size:8pt;
}

.bigarrow
{
	vertical-align:middle;
	font-family:"Lucida Grande","Lucida Sans Unicode", sans-serif, "Times New Roman", Times, serif Verdana, Geneva, sans-serif;
	font-size: 19px;
	font-style:italic;
	font-weight:normal;
	padding:31px 0px 36px; /* slightly more on the bottom to get the text vertically centered */
	background-repeat:no-repeat;
}

#back
{
	text-align:left;
	float:left;
	background-image:url(../imgs/arrow2-left.gif);
	background-position:left;
	clear:both;
	display: inline;
}
#next
{
	text-align:right;
	float:right;
	background-image:url(../imgs/arrow2-right.gif);
	background-position:right;
}
#next a, #back a
{
	color:#444;
	text-decoration:none;
	padding:32px 40px; /* IE laat onderste marge wegvallen..., vandaar deze padding */
}

/* ********************************* footer *********************** */

/* gx is 53px hoog */
#footer {
	clear: both;
	height: 47px;
	background-image: url(../imgs/footerback.jpg);
	text-align: center;
	margin-top: 0px; /* ff en opera ignoren dit? */
}

#footertext {
	position: relative;
	top: 17px;
	font-size: 12px;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #999;
	color: #736451;
}

#main #footer #footertext a {
/*	background-color: #F6F1DE;*/
	color: #917047;
	text-decoration: none;
}