html {
	height: 		100%; 
}

body {
	color:			#000000;   /* zwart */
	background-color: #d6d3c9; /* lichtgrijs */
	text-align: 	center;    /* centreren */
	height: 		100%; 
	margin: 		0; 
	padding: 		0; 
	border: 		0; 
	font-family: 	Tahoma, sans-serif;
	font-size: 		small; 
	
	background-image: url('/images/fauxcontainer.png');
	background-repeat: repeat-y;
	background-position: center; 
}

div#bodyFrame {
	width: 			770px;     /* 5 linkerborder | 9 leeg | 742 mainFrame | 9 leeg | 5 rechterborder */
	height: 		100%; 
	margin-left: 	auto;      /* centreren */
  	margin-right: 	auto;      /* centreren */
  	
  	background-color: #ffffff; /* wit */
  	background-image: url('/images/leftborder.png');
	background-repeat: repeat-y;
	background-position: left; 
}

div#mainFrame {
	width: 			742px; 
	height: 		100%; /* 142 topFrame -- 48 midTopFrame -- 6 topborder -- XXX midFrame -- 6 bottomborder -- 4 leeg -- 50 footerFrame */
	padding-left: 	14px; /* 5 linkerborder | 9 leeg */
	padding-right: 	14px; /* 9 leeg | 5 rechterborder */
	
	background-image: url('/images/rightborder.png');
	background-repeat: repeat-y;
	background-position: right; 
}

div#topFrame {
	position: 		relative; 
	top: 			0px; 
	left: 			0px; 
	width: 			742px; 
	height: 		142px;
}

div#midTopFrame {
	position: 		absolute; 
	top: 			142px; 
	width: 			742px; 
	height: 		48px;
	padding-bottom: 6px; /* 6 topborder */
	
	background-image: url('/images/topborder.png');
	background-repeat: no-repeat; 
	background-position: bottom; 
}

div#midTopContent {
	width: 			724px; 
	height: 		40px;
	margin-left: 	9px; 
	margin-right: 	9px; 
	margin-top: 	4px; 
	margin-bottom: 	4px; 
	text-align: 	left; 
}

div#goedevraagField {
	float: 			right;
	text-align: 	right; 
	font-size: 		x-small; 
	font-style: 	italic; 
}
div#goedevraagField form {
	margin: 		0; 
	padding: 		0; 
}
div#goedevraagField input {
	font-size: 		x-small; 
}

div#topFrame div#checkers {
	width: 			742px; 
	height: 		142px; 
}

div#topFrame div#checkers img {
	position: 		absolute; 
	left: 			0px; 
	width: 			742px; 
	height: 		142px; 
}

div#topFrame div#owl {
	position: 		absolute; 
	left: 			18px; 
	top: 			26px; 
	width: 			82px; 
	height: 		89px; 
}

div#topFrame div.owlfigure {
	position: 		absolute; 
	width: 			1px; 
}

div#topFrame div.owlshade {
	position: 		absolute; 
	width: 			1px; 
	opacity:		.33; 
	-ms-filter:		"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
	filter:			Alpha(opacity=33);
}

div#topFrame div#gradient {
	position: 		absolute; 
	left: 			242px; 
	width: 			300px; 
	height: 		142px; 
}

div#topFrame div#gradient div {
	float: 			right; 
	width: 			1px; 
	height: 		142px; 
}

div#topFrame div#topTekst {
	position: 		absolute; 
	left: 			108px; 
	top: 			28px; 
	width: 			300px; 
	height: 		77px; 
	
	font-style:		italic;
}

div#topFrame div#siteNaam {
	position: 		absolute; 
	left: 			0px; 
	top: 			0px; 
	height: 		30px; 
	
	font-size:		x-large;
	font-weight:	bolder;
}

div#topFrame div#siteSlogan {
	position: 		absolute; 
	left: 			0px; 
	top: 			30px; 
	height: 		17px; 
}

div#topFrame div#siteDomein {
	position: 		absolute; 
	left: 			0px; 
	top: 			47px; 
	height: 		30px; 
	
	font-size:		x-large;
}

div#topFrame div#topLinks {
	position: 		absolute; 
	left: 			0px; 
	top: 			123px; 
	width: 			240px; 
	height: 		19px; 
}

div#topFrame div.toplink {
	position: 		absolute; 
	top: 			0px; 
	width: 			80px; 
	height: 		19px; 
	border-right: 	1px dotted; 
}

div#topFrame div.linkimage {
	position: 		absolute; 
	left: 			0px; 
	top: 			0px; 
	width: 			30px; 
	height: 		13px; 	
}

div#topFrame div.linkimagefigure {
	position: 		absolute; 
	width: 			1px; 
}

div#topFrame div.linknaam {
	padding-left: 	22px; 
	padding-right: 	6px; 
	padding-top: 	2px; 
	padding-bottom: 2px; 
	font-size: 		x-small; 
}

div#topFrame div.linknaam a:link {
	text-decoration: none; 
}

div#topFrame div.linknaam a:visited {
	text-decoration: none; 
}

div#topFrame div.linknaam a:hover {
	text-decoration: none; 
}

div#topFrame div.linknaam a:active {
	text-decoration: none; 
}

div#midFrame {
	position: 		absolute; 
	top: 			196px; 
	width: 			742px; /* 560 tipFrame | 182 linkFrame -- 6 bottomborder -- 4 leeg -- 50 footerFrame */
	
	background-image: url('/images/fauxborders.png');
	background-repeat: repeat-y;
	background-position: center; 
	
}

div#catFrame {
	float: 			left; 
	width: 			170px;     /* 8 leeg | 154 catContent | 8 leeg */
	margin-left: 	6px;       /* 6 linkerborder */
	margin-right: 	6px;       /* 6 rechterborder */
}

div#catContent {
	width: 			154px; 
	margin-left: 	8px; /* 8 leeg */
	margin-right: 	8px; /* 8 leeg */
	margin-top: 	4px;  /* 4 leeg */
	margin-bottom:  4px; /* 4 leeg */
	text-align: 	left; 
	font-weight: 	bold; 
}

div#catHeader {
	padding-bottom: 5px; 
	text-align: 	center; 
}

div#catContent a:link {
	text-decoration: none; 
}
div#catContent a:visited {
	text-decoration: none; 
}
div#catContent a:hover {
	text-decoration: none; 
}
div#catContent a:active {
	text-decoration: none; 
}
div#catContent hr {
	margin-left: 	0; 
	margin-right: 	0; 
	margin-top: 	3px; 
	margin-bottom: 	3px; 
}

div#tipFrame {
	float: 			left; 
	width: 			560px; /* 182 catFrame | 8 leeg | 362 tipContent | 8 leeg */
}

div#tipContent {
	float: 			right; 
	width: 			362px; 
	margin-left: 	8px;  /* 8 leeg */
	margin-right: 	8px;  /* 8 leeg */
	margin-top: 	4px;  /* 4 leeg */
	margin-bottom: 	4px; /* 4 leeg */
	text-align: 	left; 
}

div#tipContent h1 {
	font-size: 		large; 
}

div#tipContent h2 {
	font-size: 		medium; 
}

div#tipContent div#tipfunctions {
	float: 			right; 
}

div#tipContent div#tipfunctions img {
	border: 		0; 
	padding-top: 	10px; 
	padding-right: 	10px; 
}
div#tipContent div#tipfunctions a:link {
	text-decoration: none; 
}
div#tipContent div#tipfunctions a:visited {
	text-decoration: none; 
}
div#tipContent div#tipfunctions a:hover {
	text-decoration: none; 
}
div#tipContent div#tipfunctions a:active {
	text-decoration: none; 
}

div#tipContent ul#tiplist {
	list-style-image: url(/images/tip.png);
}
div#tipContent ul#tiplist li {
	padding-top: 	2px; 
}

div#tipContent ul#tiplist li a:link {
	text-decoration: none; 
}
div#tipContent ul#tiplist li a:visited {
	text-decoration: none; 
}
div#tipContent ul#tiplist li a:hover {
	text-decoration: none; 
}
div#tipContent ul#tiplist li a:active {
	text-decoration: none; 
}

div#formContainer {
	width: 300px; 
	padding: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	border: 1px dotted; 
}
table#formContent {
	width: 300px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
}
.inputVerplicht {
	width: 140px; 
	color: red; 
}
.formInput {
	border: 1px solid;
}

div#tipList {
	border: 3px solid; 
	padding: 5px; 
}
div#tipList_titel {
	font-size: 	medium; 
	font-style: italic; 
}
div#tipList ol {
	font-weight: 	bold; 
}
div#tipList ol li span.slim {
	font-weight: 	normal; 
}

div#tipList ol li a:link {
	text-decoration: none; 
}
div#tipList ol li a:visited {
	text-decoration: none; 
}
div#tipList ol li a:hover {
	text-decoration: none; 
	font-style: 	italic; 
}
div#tipList ol li a:active {
	text-decoration: none; 
}

div#linkFrame {
	float: 			right; 
	width: 			170; /* 8 leeg | 154 linkContent | 8 leeg */
	margin-left:	6px; 
	margin-right:	6px; 
}

div#linkContent {
	width: 			154px; 
	margin-left: 	8px; /* 8 leeg */
	margin-right: 	8px; /* 8 leeg */
	margin-top: 	4px;  /* 4 leeg */
	margin-bottom:  20px; /* 4 leeg */
	text-align: 	center; 
}

div#linkHeader {
	margin-top: 	13px; 
	margin-bottom: 	13px; 
	font-style: 	italic; 
}

select#sitesSelect {
	width: 			144px; 
}

div.randomTip {
	width: 			154px; 
	margin-left: 	8px; /* 8 leeg */
	margin-right: 	8px; /* 8 leeg */
	margin-top: 	4px;  /* 4 leeg */
	margin-bottom:  4px; /* 4 leeg */
	text-align: 	left; 
}

div.randomTip a:link {
	text-decoration: none; 
}
div.randomTip a:visited {
	text-decoration: none; 
}
div.randomTip a:hover {
	text-decoration: none; 
}
div.randomTip a:active {
	text-decoration: none; 
}

div#footerFrame {
	float: 			left; 
	width: 			742px; 
	padding-top: 	10px; /* 6 bottomborder -- 4 leeg */
		
	background-image: url('/images/bottomborder.png');
	background-repeat: no-repeat; 
	background-position: top; 
}

div#footerContent {
	width: 			362px; 
	margin-left: 	190px; /* 182 leeg | 8 leeg */	
	text-align: 	center; 
}

img#topbanner {
	position: 		absolute; 
	left: 			242px; 
	width: 			500px; 
	height: 		142px; 
}

img#banner1 {
	position: 		absolute; 
	top: 			41px; 
	left: 			258px; 
	max-width: 		468px; 
	max-height: 	60px; 
	border-style: 	none; 
}

img#banner2 {
	max-width: 		170px; 
	border-style: 	none; 
}

img#banner3 {
	max-width: 		170px; 
	border-style: 	none; 
}

img#banner4 {
	max-width: 		170px; 
	border-style: 	none; 
}